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延时效果比较不错的

相关文章

JavaScript实现加密与解密详解
这篇文章介绍了JavaScript实现加密与解密详解的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
JavaScript中数据结构与算法(二)：队列
这篇文章主要介绍了JavaScript中数据结构与算法(二)：队列,队列是只允许在一端进行插入操作,另一个进行删除操作的线性表,队列是一种先进先出（First-In-First-Out，FIFO）的数据结构,需要的朋友可以参考下
2015-06-06
浏览器窗口加载和大小改变事件示例
这篇文章主要介绍了浏览器窗口加载和大小改变事件,需要的朋友可以参考下
2014-02-02
JavaScript遍历查找数组中最大值与最小值的方法示例
这篇文章主要介绍了JavaScript遍历查找数组中最大值与最小值的方法,结合实例形式分析了javascript基于数组遍历、判断实现最大值与最小值计算的相关操作技巧,需要的朋友可以参考下
2019-05-05
一些技巧性实用js代码小结
实现页面最大化默认img图片屏蔽鼠标右键取消选取防止复制等实现代码。
2009-10-10
枚举JavaScript对象的函数
枚举JavaScript对象的函数...
2006-12-12
JS写谷歌浏览器chrome的外挂实例
本篇文章主要给大家讲解了一个用JS写出的谷歌浏览器的怪挂实例，以及给大家分享了其中的代码，有兴趣的朋友学些下。
2018-01-01
小程序实现计算器功能
这篇文章主要为大家详细介绍了小程序实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-07-07
javascript实现的制作特殊字的脚本
javascript实现的制作特殊字的脚本...
2007-06-06
基于JavaScript获取鼠标位置的各种方法
这篇文章主要介绍了基于JavaScript获取鼠标位置的各种方法 ,需要的朋友可以参考下
2015-12-12

最新评论