回覆列表
  • 1 # 使用者7063786766555

    滑鼠的移入移出事件方法 程式碼如下:

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖片列表:滑鼠移入/移出改變圖片透明度</title> <style> ul,li{margin:0;padding:0;list-style-type:none;}

    #imgList{width:700px;overflow:hidden;zoom:1;border:1px solid #333;margin:0 auto;padding:0 0 10px 10px;} #imgList li{float:left;width:128px;height:128px;border:1px solid #ccc;margin:10px 10px 0 0;} #imgList li img{float:left;opacity:0.3;cursor:crosshair;filter:alpha(opacity=30);}

    #imgList li.current img{opacity:1;filter:alpha(opacity=100);} </style> <script> window.onload = function () { var oLi = document.getElementsByTagName("li"); for (var i = 0; i < oLi.length;

    i++) { oLi[i].onmouseover = function () { this.className = "current" }; oLi[i].onmouseout = function () { this.className = "" } } } </script></head> <body> <ul> <li><img src="/jscss/demoimg/201203/kitesky_com_car1.jpg" /></li> <li><img

    src="/jscss/demoimg/201203/kitesky_com_car2.jpg" /></li> </ul> </body> </html>

  • 中秋節和大豐收的關聯?
  • 你懷念你的學生時代了嗎?回頭想想那時的生活有什麼感想呢?