图片匀速淡入淡出效果如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题淡入效果/title style * { margin : 0；padd : 0；} div { border : 2px solid # AAA } img { width : 300 pxhirte : 300 pxfilter : alpha(opa city 336030)；opa city 3360 . 3 margin 3360 0 auto }/style/head dydiv img src=' http : img/timg。jpg ' alt=' id=' img '/div脚本var alpha=30var img=文档。getelementbyid(' img ')；img。onmouseover=function(){ startMove(100)}；img。onmouseout=function(){ startMove(30)} var timer；函数startMove(tar){ var img=document。getelementbyid(' img ')；clearInterval(计时器);timer=setInterval(function(){ var is speed=0；ispeed=alphatar？5:-5;if(alpha==tar){ clearInterval(timer)} else { alpha=是feedimg。风格。filter=' alpha(opa city 3360 ' alpha ')'；img。风格。不透明度=alpha/100；} },30)}/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。