鼠标的移入移出事件怎么写?
发布网友
发布时间：2022-04-23 21:54
共1个回答
热心网友
时间：2023-10-11 02:56
鼠标的移入移出事件方法 代码如下:
<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 id="imgList"> <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>
