页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

JavaScript延时效果比较不错的

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<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> 
<div style="margin-top:20px;" align="center"> 
<ul id="menu"> 
<li style="background-image:url(/pic/ma_1.gif)"><a href='javascript:void(null)' ><img src='/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)></a></li><li style="background-image:url(/pic/ma_2.gif)"><a href='javascript:void(null)' ><img src='/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)></a></li><li style="background-image:url(/pic/ma_3.gif)"><a href='javascript:void(null)' ><img src='/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)></a></li><li style="background-image:url(/pic/ma_4.gif)"><a href='javascript:void(null)' ><img src='/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)></a></li><li style="background-image:url(/pic/ma_5.gif)"><a href='#' ><img src='/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)></a></li></ul> 
</div>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：JavaScript延时效果比较不错的

百度中搜索更多的关于JavaScript延时效果比较不错的内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

0

上一篇文章：Google韩国首页图标动画效果
下一篇文章：li隔行换色改进版

文章评论

共有位脚本之家网友发表了评论我来说两句

同类文章

最近更新

热点排行