文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件

清风网络

QQ 电脑入门游戏操作系统图形处理办公软件媒体动画精文荟萃工具软件网络编程程序开发网络技术认证考试网站建设文章专栏

当前位置：清风网络学院 → 网站建设 → 网页特效 → 好玩的鼠标指向后带图片的提示效果


	精品推荐


特别推荐

·常用辅助代码

·禁止网页页面刷新的特效代码

·网页星空动态星空背景特效代码

·随滚动条滚动的图片广告代码(图片还可以拖动)

·上下连续无间断滚动图像[网页特效]


热点TOP10

·不间断连续滚动的图片效果(向上滚动)

·在输入英语单词后程序会自动翻译成中文

·效果不错的图片切换特效，太平洋女性网图片特效

·一种不错的带连接的文字向上滚动的特效代码

·带关闭功能的网页漂浮广告特效代码展示

·网页特效代码：符合标准的横向弹出菜单

·网页中实用的中英文日历网页特效代码

·温度计样式的实现显示特效[网页特效]

·Showdate函数来显示各种英文日期[网页特效]

·又一种比较详细设置的倒计时[网页特效]

好玩的鼠标指向后带图片的提示效果

日期：2007年10月26日作者：查看:[大字体中字体小字体]

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

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>好玩的鼠标指向后带图片的提示效果webjx.com</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="/uploadImages/2007-10-26/20071026871490570.jpg" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

（出处：清风网络学院）

上一篇:ASP架设：给每个IIS站点建立一个用户

下一篇:ASP实现网页打开任何类型文件都保存的方法

相关文章：

·Photoshop制作效果逼真的哈蜜瓜

·QQ空间黑色背景的素材图片

·水晶图片制作方法

·Flash如何制作灯光效果

·QQ上用来吓人的图片

·花草世界之傲雪梅花图片欣赏

·QQ空间流星雨效果代码

·Flash制作烟花效果动画

·QQ空间黑色背景的素材图片(2)

·Flash 图片轮换效果

相关软件：

·周恩来总理经典图片集

·图片欣赏-《大众摄影》四十年经典作品精选

·大富翁8美眉中文版通关图片档

·少儿生活图片8幅

·图片下载之图片猎人(Pix Hunter) V3.0 Bate

·雷曼3 强盗侵袭很好玩的冒险游戏

·PhotoZoom(图片无损放大)V2.30 绿色特别版

·图片欣赏-法国著名航空摄影师的摄影精品

·图片欣赏-精美的海螺

·图片欣赏-奇石欣赏(典藏集)

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.viphot.com

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:viphot