jquery解决li快速划动的思路
时间:5年前 阅读:7511
<!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,我们将及时处理。
微信扫码关注
更新实时通知
网友评论