Goaler's BLOG

换用新的BLOG程序,启用新域名:www.92798.com!

导航

onmouseover触发事件
先看一段HTML代码,很简单,具体功能要求下面再说!
<li><a href="test.php" onmouseover="CategorySwap_S(1)" onmouseout="CategorySwap_E(1)">test 1</a></li>
<li><a href="test.php" onmouseover="CategorySwap_S(2)" onmouseout="CategorySwap_E(2)">test 2</a></li>
<li><a href="test.php" onmouseover="CategorySwap_S(3)" onmouseout="CategorySwap_E(3)">test 3</a></li>

功能要求:当我的鼠标位于某个链接上面时,要求其过2秒钟后再执行某个功能,但是如果我在2秒钟内移走鼠标,则停止执行,也就是说,如果还未执行那个功能,就不要执行了,直接退出好了!

不知道我说的够不够明白!还是直接贴上代码吧!运行下面的代码,将鼠标放在某个链接上超过2秒看是什么效果,2秒内移走又是什么结果?
<script type="text/javascript">
<!--
var t;
function CategorySwap_S(bid) {
t = setTimeout("alert('这是一个测试!')",2000);
}
function CategorySwap_E(bid) {
clearTimeout(t);
} 
//-->
</script>

<li><a href="test.php" onmouseover="CategorySwap_S(1)" onmouseout="CategorySwap_E(1)">test 1</a></li>
<li><a href="test.php" onmouseover="CategorySwap_S(2)" onmouseout="CategorySwap_E(2)">test 2</a></li>
<li><a href="test.php" onmouseover="CategorySwap_S(3)" onmouseout="CategorySwap_E(3)">test 3</a></li>
<< PHP中strlen与mb_strlen之区别38条PHP编码优化加速技巧 >>

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

网站分类

日志搜索

最近发表

Copyright © 2005-2010, Goaler's BLOG, All Rights Reserved.
苏ICP备11047709号, 服务器空间由智亘信息提供 管理