当前位置：Gxlcms > JavaScript > JavaScript延时效果比较不错的

JavaScript延时效果比较不错的

时间：2021-07-01 10:21:17 帮助过：8人阅读

<script  language="javascript" type="text/javascript"> 
nereidFadeObjects = new Object(); 
nereidFadeTimers = new Object(); 
function nereidFade(object, destOp, rate, delta){ 
if (!document.all) 
return 
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); 
        return; 
    } 
    clearTimeout(nereidFadeTimers[object.sourceIndex]); 
    diff = destOp-object.filters.alpha.opacity; 
    direction = 1; 
    if (object.filters.alpha.opacity > destOp){ 
        direction = -1; 
    } 
    delta=Math.min(direction*diff,delta); 
    object.filters.alpha.opacity+=direction*delta; 
    if (object.filters.alpha.opacity != destOp){ 
        nereidFadeObjects[object.sourceIndex]=object; 
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); 
    } 
} 
</script> 
<style type="text/css"> 
     
</style> 
 
<ul id="menu"> 
<li style="background-image:url(/pic/ma_1.gif)"><img src='https://www.jb51.net/pic/Mb_1.gif' alt="工作室 |  Studio" border='0' style='FILTER: alpha(opacity=0)' onmouseover=nereidFade(this,100,10,7) onmouseout=nereidFade(this,01,70,5)></li><li style="background-image:url(/pic/ma_2.gif)"><img src='https://www.jb51.net/pic/Mb_2.gif' alt="油画 | Canvas" border='0' style='FILTER: alpha(opacity=0)' onmouseover=nereidFade(this,100,10,7) onmouseout=nereidFade(this,01,70,5)></li><li style="background-image:url(/pic/ma_3.gif)"><img src='https://www.jb51.net/pic/Mb_3.gif' alt="唐装 | Tangsuit" border='0' style='FILTER: alpha(opacity=0)' onmouseover=nereidFade(this,100,10,7) onmouseout=nereidFade(this,01,70,5)></li><li style="background-image:url(/pic/ma_4.gif)"><img src='https://www.jb51.net/pic/Mb_4.gif' alt="美玉 | Jade" border='0' style='FILTER: alpha(opacity=0)' onmouseover=nereidFade(this,100,10,7) onmouseout=nereidFade(this,01,70,5)></li><li style="background-image:url(/pic/ma_5.gif)"><img src='https://www.jb51.net/pic/Mb_5.gif' alt="导航 | Gps" border='0' style='FILTER: alpha(opacity=0)' onmouseover=nereidFade(this,100,10,7) onmouseout=nereidFade(this,01,70,5)></li></ul>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

人气教程排行