Dropdown-Menü-Spezialeffektcode mit Verlaufseffekt [Webseiten-Spezialeffekte]

Autor：Eve Cole Aktualisierungszeit：2009-06-20 15:45:50

Wenn die Maus über das Miniaturbild des Produkts bewegt wird, wird ein großes Bild angezeigt. Dies kann durch das Schreiben von zwei Funktionen in JS erreicht werden: Eine Funktion wird aufgerufen, wenn die Maus über das Bild bewegt wird, um die ausgeblendete Ebene anzuzeigen und das Bild zu laden die Ebene; die andere Funktion wird aufgerufen, wenn die Maus aus dem Bild bewegt wird, der Inhalt der Ebene gelöscht und die Ebene ausgeblendet wird. Bei der Verwendung müssen Sie „this.src“ in die Adresse des Produktbildes ändern .

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Interessanter prompter Effekt des Bildes nach dem Mauszeiger downcodes.com</title> <script language="javascript"> function showPic(sUrl){ var x,y; x = event.clientY; document.getElementById("Layer1").style.left = x; ").style.top = y; document.getElementById("Layer1").innerHTML = "<img src="" + sUrl + "">"; document.getElementById("Layer1").style. display = "block"; } function HiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; <body> <div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> <img src="/images/logo.gif" onmouseout=" HiddenPic( );" onmousemove="showPic(this.src);" /> <p></p> <img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic( this. src);" /> </body> </html>