具有渐变效果的下拉菜单特效代码[网页特效]

2024-04-27 13:59:47

字体：大中小

来源：转载

供稿：网友

当鼠标移到产品缩略图上时能弹出显示大图，用JS写两个函数即可实现：一个函数在鼠标移到图片上调用，显示隐藏层并将图片载入到层中；另一个函数在鼠标移出图片上调用，清空层的内容并隐藏层。使用时需将"this.src"改为产品大图地址。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>好玩的鼠标指向后带图片的提示效果vevb.com</title><scr<a href="http://ip.vevb.com/">ip</a>t language="<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script">function showPic(sUrl){ var x,y; x = event.clientX; y = event.clientY; document.getElementById("Layer1").style.left = x; document.getElementById("Layer1").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";}</script></head><body><div id="Layer1" style="display:none;position:absolute;z-index:1;"></div><img src="/images/logo.gif" onmou<a href="http://www.vevb.com/article.asp?typeid=138">SEO</a>ut="hiddenPic();" onmousemove="showPic(this.src);" /><p></p><img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /></body></html>

上一篇：图片爆炸效果动画演示特效[网页特效]

下一篇：下拉透明的菜单代码[网页特效]