求助这段JS代码怎么简化，实现鼠标经过图片时透明度为1，离开时透明度为0.5

发布网友发布时间：2022-04-23 08:54

我来回答

共2个回答

热心网友时间：2022-04-23 10:23

楼上那个也可以。

下面说的是纯JS 如果你图片很多会比上面的方便

1将图片所用变量弄成一个数组，

var yiguitu1;
var myarry=[];
for(var i=0;i<n;i++){
var j=yiguitu1+i;
myarry.push(j);
};

2.将你需要的事件做成for循环

foreach(m in myarry){
    m.onmouseover=function(m){
        m.style.opacity=1;
    }
    m.onmouseout=function(m){
        m.style.opacity=0.5;
    }
}

热心网友时间：2022-04-23 11:41

方案一：

<img src="无标题1.png" onmouseover="ch_op(this,'1');" onmouseout="ch_op(this,'0.5');" />
<img src="无标题2.png" onmouseover="ch_op(this,'1');" onmouseout="ch_op(this,'0.5');" />
<img src="无标题3.png" onmouseover="ch_op(this,'1');" onmouseout="ch_op(this,'0.5');" />
<script type="text/javascript">
function ch_op(o,v){o.style.opacity=v;}
</script>