Heim > Artikel > Web-Frontend > Codebeispiel für die Implementierung des Effekts der verzögerten Anzeige einer Eingabeaufforderung in Javascript
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('p1'); var op2=document.getElementById('p2'); var timer=null; op1.onmouseover=op2.onmouseover=function() { clearTimeout(timer); op2.style.display='block'; }; op1.onmouseout=op2.onmouseout=function() { timer=setTimeout(function() { op2.style.display='none';} ,500); }; }; </script> <body> <p id="p1"></p> <p id="p2"></p> </body> </html>
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!