Heim > Artikel > Web-Frontend > JQuery implementiert die automatische Ausführung, wenn die Maus 3 Sekunden lang in einem bestimmten Bereich bleibt_jquery

JQuery implementiert die automatische Ausführung, wenn die Maus 3 Sekunden lang in einem bestimmten Bereich bleibt_jquery

WBOYOriginal: 2016-05-16 16:36:341234Durchsuche

In diesem Artikel wird hauptsächlich JQuery vorgestellt, das automatisch ausgeführt wird, wenn die Maus 3 Sekunden lang in einem bestimmten Bereich bleibt, was auf viele Szenarien angewendet werden kann

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Das Laden von JS-Bildern in Echtzeit verbessert die Geschwindigkeit beim Öffnen von Webseiten. Javascript-FähigkeitenNächster Artikel：Das Laden von JS-Bildern in Echtzeit verbessert die Geschwindigkeit beim Öffnen von Webseiten. Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen