fgm实例练习笔记-2.6图片列表:鼠标移入移出改变图片透明度

xiaoxiao2021-02-28  80

页面布局,写ul,嵌套li li里面再放图片。留好各种边框线border

script部分: 比起建立一个函数去直接修改图片的透明度opacity 属性,这里给img预设了一个特殊的类,在鼠标移入/移出时调用/去掉类,更简便,也方便日后修改这个效果。current类:li img.current {opacity:1}

<script> window.onload = function(){ var oimg = document.getElementsByTagName("img"); for(var i = 0;i<oimg.length;i++){ oimg[i].onmouseover = function(){ this.className="current";} //用this oimg[i].onmouseout = function(){ this.className="";} } }; </script>
转载请注明原文地址: https://www.6miu.com/read-45909.html

最新回复(0)