كود المؤثرات الخاصة بالقائمة المنسدلة مع تأثير متدرج [مؤثرات خاصة لصفحة الويب]

الكاتب：Eve Cole وقت التحديث：2009-06-20 15:45:50

عند تحريك الماوس فوق الصورة المصغرة للمنتج، ستظهر صورة كبيرة. ويمكن تحقيق ذلك عن طريق كتابة وظيفتين في JS: يتم استدعاء وظيفة واحدة عند تحريك الماوس فوق الصورة لعرض الطبقة المخفية وتحميل الصورة فيها. الطبقة؛ الوظيفة الأخرى يتم استدعاؤها عند إخراج الماوس من الصورة، ويتم مسح محتويات الطبقة وإخفاء الطبقة. عند الاستخدام، تحتاج إلى تغيير "this.src" إلى عنوان صورة المنتج .

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>تأثير سريع مثير للاهتمام للصورة بعد مؤشر الماوس downcodes.com</title> <script language="javascript"> function showPic(sUrl){ var x,y x = events.clientX y = events.clientY; document.getElementById("Layer1").style.left = x; ").style.top = y; document.getElementById("Layer1").innerHTML = "<img src="" + sUrl + "">"; document.getElementById("Layer1").style.display = "block" } function HiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none" } </script> </ head> <body> <div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> <img src="/images/logo.gif" onmouseout=" HiddenPic( );" onmousemove="showPic(this.src);" /> <p></p> <img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic( this. src);" /> </body> </html>