<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#dd{
width: 500px;
height: 300px;
background: #55A0E6;
margin: 100px auto;
}
</style>
<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// 给#dd加一个鼠标移入事件
$('#dd').mouseenter(function(){
// 设一个定时炸弹,让移入2秒钟才反映(做轮播的时li移动太快浏览器跟不上会出现错位或卡顿的情况:用这个思路解决)
dsq = setTimeout(function(){
alert('哈哈哈哈哈哈');
},2000)
})
// 加鼠标移出事件 思路:让移进(li)不到2秒钟,自动清除前面移入定时炸弹
$('#dd').mouseleave(function(){
clearTimeout(dsq);
})
})
</script>
</head>
<body>
<div id="dd">
</div>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7515.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知