管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JavaScript延时效果比较不错的

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0AnereidFadeObjects%20%3D%20new%20Object()%3B%20%0D%0AnereidFadeTimers%20%3D%20new%20Object()%3B%20%0D%0Afunction%20nereidFade(object%2C%20destOp%2C%20rate%2C%20delta)%7B%20%0D%0Aif%20(!document.all)%20%0D%0Areturn%20%0D%0A%20%20%20%20if%20(object%20!%3D%20%22%5Bobject%5D%22)%7B%20setTimeout(%22nereidFade(%22%2Bobject%2B%22%2C%22%2BdestOp%2B%22%2C%22%2Brate%2B%22%2C%22%2Bdelta%2B%22)%22%2C0)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20clearTimeout(nereidFadeTimers%5Bobject.sourceIndex%5D)%3B%20%0D%0A%20%20%20%20diff%20%3D%20destOp-object.filters.alpha.opacity%3B%20%0D%0A%20%20%20%20direction%20%3D%201%3B%20%0D%0A%20%20%20%20if%20(object.filters.alpha.opacity%20%3E%20destOp)%7B%20%0D%0A%20%20%20%20%20%20%20%20direction%20%3D%20-1%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20delta%3DMath.min(direction*diff%2Cdelta)%3B%20%0D%0A%20%20%20%20object.filters.alpha.opacity%2B%3Ddirection*delta%3B%20%0D%0A%20%20%20%20if%20(object.filters.alpha.opacity%20!%3D%20destOp)%7B%20%0D%0A%20%20%20%20%20%20%20%20nereidFadeObjects%5Bobject.sourceIndex%5D%3Dobject%3B%20%0D%0A%20%20%20%20%20%20%20%20nereidFadeTimers%5Bobject.sourceIndex%5D%3DsetTimeout(%22nereidFade(nereidFadeObjects%5B%22%2Bobject.sourceIndex%2B%22%5D%2C%22%2BdestOp%2B%22%2C%22%2Brate%2B%22%2C%22%2Bdelta%2B%22)%22%2Crate)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<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)' _ewebeditor_ta_href="javascript%3Avoid(null)" ><img src='/pic/Mb_1.gif' _ewebeditor_ta_src="%2Fpic%2FMb_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)' _ewebeditor_ta_href="javascript%3Avoid(null)" ><img src='/pic/Mb_2.gif' _ewebeditor_ta_src="%2Fpic%2FMb_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)' _ewebeditor_ta_href="javascript%3Avoid(null)" ><img src='/pic/Mb_3.gif' _ewebeditor_ta_src="%2Fpic%2FMb_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)' _ewebeditor_ta_href="javascript%3Avoid(null)" ><img src='/pic/Mb_4.gif' _ewebeditor_ta_src="%2Fpic%2FMb_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='#' _ewebeditor_ta_href="%23" ><img src='/pic/Mb_5.gif' _ewebeditor_ta_src="%2Fpic%2FMb_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需刷新才能执行]

教程首页更多教程