jquery解决li快速划动的思路

时间：5年前阅读：7525

<!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,我们将及时处理。

微信扫码关注

更新实时通知

jquery解决li快速划动的思路

网友评论