<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>