>  기사  >  웹 프론트엔드  >  JQuery는 마우스가 특정 영역에 3초 동안 머물면 자동 실행을 구현합니다._jquery

JQuery는 마우스가 특정 영역에 3초 동안 머물면 자동 실행을 구현합니다._jquery

WBOY
WBOY원래의
2016-05-16 16:36:341273검색

이 글에서는 마우스가 특정 영역에 3초 동안 머물면 자동으로 실행되는 JQuery를 주로 소개하며, 이는 다양한 시나리오에 적용할 수 있습니다

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<style type="text/css">
.main{width:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;}
</style>
<body>
<script type="text/javascript">
$(function(){
$(".main").mouseover(function(){
setTimeout(function(){
alert('当你的鼠标移动到框体时,我会延迟3秒才显示哦!');
},3000)
});
})
</script>
<div class="main">把鼠标移入此框体中,等待3秒。</div> 
 </body>
</html>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.