JavaScript延时效果比较不错的

更新时间：2007年08月27日 12:16:48 作者：

<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 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript延时效果比较不错的

相关文章

HTTP 302 redirect应用及介绍
这篇文章主要为大家介绍了HTTP 302 redirect应用及作用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-12-12
js实现拖拽上传图片功能
这篇文章主要为大家详细介绍了js实现拖拽上传图片功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
js正文内容高亮效果的实现方法
这篇文章介绍了js正文内容高亮效果的实现方法，有需要的朋友可以参考一下
2013-06-06
JS控制静态页面之间传递参数获取参数并应用的简单实例
下面小编就为大家带来一篇JS控制静态页面之间传递参数获取参数并应用的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
js简单实现交换Li的值
这篇文章主要介绍的是通过js简单实现交换Li的值,需要的朋友可以参考下
2014-05-05
原生javascript制作贪吃蛇小游戏的方法分析
这篇文章主要介绍了原生javascript制作贪吃蛇小游戏的方法,结合具体实例形式分析了JavaScript实现贪吃蛇小游戏的具体步骤、功能实现、数值运算等相关操作技巧,需要的朋友可以参考下
2020-02-02
JS实现仿中关村论坛评分后弹出提示效果的方法
这篇文章主要介绍了JS实现仿中关村论坛评分后弹出提示效果的方法,实例分析了javascript弹出特效的css与提示框的具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
JS跳过debugger的几种方法小结
本文主要介绍了JS跳过debugger的几种方法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
微信小程序复选框实现多选一功能过程解析
这篇文章主要介绍了微信小程序复选框实现多选一功能过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-02-02
使用layui的router来进行传参的实现方法
今天小编就为大家分享一篇使用layui的router来进行传参的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09

最新评论