Código de efeitos especiais do menu suspenso com efeito gradiente [efeitos especiais da página da web]

Autor：Eve Cole Data da Última Atualização：2009-06-20 15:45:50

Quando o mouse é movido sobre a miniatura do produto, uma imagem grande aparecerá. Isso pode ser conseguido escrevendo duas funções em JS: uma função é chamada quando o mouse é movido sobre a imagem para exibir a camada oculta e carregar a imagem. a camada; a outra função Chamada quando o mouse é movido para fora da imagem, o conteúdo da camada é limpo e a camada fica oculta. Ao usar, você precisa alterar "this.src" para o endereço da imagem do produto .

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Efeito de alerta interessante da imagem após o ponteiro do mouse downcodes.com</title> <script idioma = "javascript"> função showPic(sUrl){ var x,y; document.getElementById( "Camada1"). ").style.top = y; document.getElementById("Layer1").innerHTML = "<img src="" + sUrl + "">"; document.getElementById("Layer1").style. display = "bloco"; } função escondidaPic(){ 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>