为了账号安全,请及时绑定邮箱和手机立即绑定

实现不了淡入淡出的图片

实现不了淡入淡出的图片

Xianyu0 2020-04-23 23:41:29
代码中的num代表的是不透明度的值(代码已加粗num变量)。如果在变量声明了num的值能正常实现淡入淡出的效果。我的疑惑是假如不在前面定义初始化num了,num以参数形式在函数中声明直接调用这个方法,就实现不了这效果。为什么呢为什么呢话比较糙,不知道有人能给我解答不,感激不尽。。<style>#div1{width:200px; height:200px; background:red; filter:alpha(opacity:30); opacity:0.3;}</style><script>window.onload=function(){ var oDiv=document.getElementById("div1"); var timer=null; //var num=30; function show(num,iTarget){ clearInterval(timer); timer=setInterval(function(){ var speed=0; if(num<iTarget){ speed=10; } else{ speed=-10; } if(num==iTarget){ clearInterval(timer); } else{ num=num+speed; oDiv.style.filter="alpha(opacity:'+num+')"; oDiv.style.opacity=num/100;} },30); } oDiv.onmouseover=function(){ show(30,100); }; oDiv.onmouseout=function(){ show(30,30); } }</script></head><body><div id="div1"></div></body>
查看完整描述

1 回答

?
第二钢协

TA贡献29条经验 获得超5个赞

用css3 transition

一句代码搞定的事儿,没必要搞这么多js

查看完整回答
反对 回复 2020-04-24
  • 1 回答
  • 0 关注
  • 416 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号