模仿网易(163)首页Ajax功能中的鼠标延时触发
生活随笔
收集整理的這篇文章主要介紹了
模仿网易(163)首页Ajax功能中的鼠标延时触发
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面的文章是從toajax上轉的,不知道那里是不是原創,很巧秒地利用了onmouseout。 <script>
//-------------------------------------------------
//
//? ? 模仿網易(163)首頁Ajax功能中的鼠標延時觸發
//? ? ? ? ? ? ? ? 制作人:Toajax.com
//? ? ? ? ? ? ? ? ? QQ:25554448
//? ? ? ? ? ? ? ? ? ? 06/11/30
//
//--------------------------------------------------
var waitInterval=null;
function ff()
{
? ? c.src="4.gif";
}
function gg()
{
? ? c.src="3.gif";
}
</script>
<img src="1.jpg" id="aa" οnmοuseοver="c.src='1.jpg'">無延時<br><br>
<img src="1.jpg" id="a" οnmοuseοver="waitInterval=window.setTimeout('ff();',1000);" οnmοuseοut="clearTimeout(waitInterval);">有延時<br><br>
<img src="2.gif" id="b" οnmοuseοver="waitInterval=window.setTimeout('gg();',1000);" οnmοuseοut="clearTimeout(waitInterval);">有延時<br><br>
<img src="3.gif" id="c"><br><br>
//-------------------------------------------------
//
//? ? 模仿網易(163)首頁Ajax功能中的鼠標延時觸發
//? ? ? ? ? ? ? ? 制作人:Toajax.com
//? ? ? ? ? ? ? ? ? QQ:25554448
//? ? ? ? ? ? ? ? ? ? 06/11/30
//
//--------------------------------------------------
var waitInterval=null;
function ff()
{
? ? c.src="4.gif";
}
function gg()
{
? ? c.src="3.gif";
}
</script>
<img src="1.jpg" id="aa" οnmοuseοver="c.src='1.jpg'">無延時<br><br>
<img src="1.jpg" id="a" οnmοuseοver="waitInterval=window.setTimeout('ff();',1000);" οnmοuseοut="clearTimeout(waitInterval);">有延時<br><br>
<img src="2.gif" id="b" οnmοuseοver="waitInterval=window.setTimeout('gg();',1000);" οnmοuseοut="clearTimeout(waitInterval);">有延時<br><br>
<img src="3.gif" id="c"><br><br>
轉載于:https://blog.51cto.com/wfyang/26324
總結
以上是生活随笔為你收集整理的模仿网易(163)首页Ajax功能中的鼠标延时触发的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vi使用指南
- 下一篇: 使用Flex图表组件