JavaScript延时效果比较不错的 时间:2020-05-12 人气:0 <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"> <!-- #menu{ margin:0px; padding:0px; width:350px; height:72px;} #menu li{ margin-right:10px; float:left;} --> </style> <div> <ul id="menu"> <li style="background-image:url(/pic/ma_1.gif)"><a href='javascript:void(null)' ><img onerror="javascript:this.src='/skin1/img/error.jpg';" src='https://img.qb5200.com/download-x/20200511/26029.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 onerror="javascript:this.src='/skin1/img/error.jpg';" src='https://img.qb5200.com/download-x/20200511/26030.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 onerror="javascript:this.src='/skin1/img/error.jpg';" src='https://img.qb5200.com/download-x/20200511/26031.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 onerror="javascript:this.src='/skin1/img/error.jpg';" src='https://img.qb5200.com/download-x/20200511/26032.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 onerror="javascript:this.src='/skin1/img/error.jpg';" src='https://img.qb5200.com/download-x/20200511/26033.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需刷新才能执行] 加载全部内容