Code d'effets spéciaux du menu déroulant avec effet dégradé [effets spéciaux de la page Web]

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:45:50

Lorsque la souris est déplacée sur la vignette du produit, une grande image apparaîtra. Cela peut être réalisé en écrivant deux fonctions en JS : une fonction est appelée lorsque la souris est déplacée sur l'image pour afficher le calque caché et charger l'image dans. le calque ; l'autre fonction Appelée lorsque la souris est déplacée hors de l'image, le contenu du calque est effacé et le calque est masqué. Lors de l'utilisation, vous devez remplacer "this.src" par l'adresse de l'image du produit .

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Effet d'invite intéressant de l'image après le pointeur de la souris downcodes.com</title> <script langage="javascript"> function showPic(sUrl){ var x,y; x = event.clientX; y = 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>