网页中图片鼠标指向后带图片的alt提示

{$MY_网站顶部} {$MY_频道栏目导航} {$MY_网站通栏广告} {$MY_频道导航}

网页中图片鼠标指向后带图片的alt提示

网页中图片鼠标指向后带图片的alt提示
副标题：
作者：佚名文章来源：网页教学网站长整理点击数：更新时间：2008-1-3 22:30:54


当鼠标移到产品缩略图上时能弹出显示大图，用JS写两个函数即可实现：一个函数在鼠标移到图片上调用，显示隐藏层并将图片载入到层中；另一个函数在鼠标移出图片上调用，清空层的内容并隐藏层。使用时需将"this.src"改为产品大图地址。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>好玩的鼠标指向后带图片的提示效果Gzwm.Net</title> <script language="javascript"> 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" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> <p></p> <img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
文章录入：布冰责任编辑：布冰

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。本站地址：Http://Www.Gzwm.Net
	上一篇文章：没有了下一篇文章：鼠标指向出现实用特殊提示的网页特效代码
【字体：小大】发表评论加入收藏告诉好友打印此文关闭窗口

	[组图]Photoshop创意打
	[组图]photoshop教程：
	[组图]photoshop调色教
	[组图]让你操作Windows
	《浴女》—CD网格实战大
	《浴女》—CD网格实战大
	用coreldraw绘制国画荷
	用Coreldraw设计家装彩

	Photoshop教程:冷色调M
	Dreamweaver制作网页13
	自己动手修改QQ等级
	QQ空间播放多首背景音乐
	QQ空间免费领养5级植物
	QQ鼠年新年贺词发给好
	能上QQ却打不开网页的原
	贵州数据提供100M永久免

网页图片快速显示

Photoshop创意打造奇

photoshop教程：酒久

photoshop调色教程：

让你操作Windows于弹

（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

{$MY_2006网页通用底部}