淡入淡出

2024-04-27 15:05:41

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>运动二(淡入淡出)</title><style>#div1{width: 200px; height: 200px; background: greenyellow; filter: alpha(opacity:30); opacity:0.3;}</style></head><body><div id="div1"></div><script> var alpha=30;var oDiv1=document.getElementById('div1');var timer=null;function move(target)//运动框架{if(target>alpha){speed=10;}elsespeed=-10;clearInterval(timer);timer=setInterval(function(){if(alpha==target){ clearInterval(timer);}else{ alpha+=speed; oDiv1.style.filter='filter:alpha(opacity:'+alpha+');'; oDiv1.style.opacity=alpha/100;} },30);}oDiv1.onmouSEOver=function(){move(100);}oDiv1.onmouseout=function(){move(30);}</script></body></html>

上一篇：JS中日期与毫秒的转换

下一篇：RGraph 系列文章（三）：条状图文档