Codebeispiel für die Implementierung des Effekts der verzögerten Anzeige einer Eingabeaufforderung in Javascript-js-Tutorial-php.cn

Codebeispiel für die Implementierung des Effekts der verzögerten Anzeige einer Eingabeaufforderung in Javascript

黄舟

Freigeben： 2017-06-04 10:37:29

Original

1475 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Javascript-Implementierung des verzögerten Anzeigeaufforderungsfeldeffekts vorgestellt, die einen gewissen Referenzwert hat

js Demonstration des Effekts der Verzögerungsaufforderungsbox:

Implementierungsmethode

In die Anzeige verschieben, Verborgenes entfernen

Entfernen Sie das verzögerte Ausblenden, Sie können vom ersten p zum zweiten p wechseln und weiterhin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#p1 {
 width: 50px;
 height: 50px;
 background: red;
 float: left
}
#p2 {
 margin-left: 10px;
 width: 250px;
 height: 150px;
 background: yellow;
 float: left;
 display: none
}
</style>
<script>
window.onload=function()
{
 var op1=document.getElementById(&#39;p1&#39;);
 var op2=document.getElementById(&#39;p2&#39;);
 var timer=null;
 op1.onmouseover=op2.onmouseover=function()
 {
 clearTimeout(timer);
 op2.style.display=&#39;block&#39;;
 };
 op1.onmouseout=op2.onmouseout=function()
 {
 timer=setTimeout(function()
 {
  op2.style.display=&#39;none&#39;;}
 ,500); 
 };
};
</script>
<body>
<p id="p1"></p>
<p id="p2"></p>
</body>
</html>

Nach dem Login kopieren

anzeigen

Das obige ist der detaillierte Inhalt vonCodebeispiel für die Implementierung des Effekts der verzögerten Anzeige einer Eingabeaufforderung in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!