网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程

Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint

asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!

当前位置 > 网站建设学院 > 网页制作 > 网页特效

网页制作：Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛

本月文章推荐

.点击消失的漂浮广告图片[网页特效.
.文字播放后页面随即自动跳转.
.检查Email的书写格式是否正确的代.
.鼠标指向有背景的CSS导航菜单.
.字符的背景特效.
.DIV CSS网页布局导航菜单源代码(.
.knowsky.com 完美修复你浏览器的.
.总在右上角旋转显示的字符.
.对链接的说明文字放在状态栏上显.
.有没有见过不停闪烁的表格呀？.
.关于符合WEB标准的滚动文字特效的.
.单击鼠标就弹出一个导航菜单.
.一个假的页面载入效果代码(和真的.
.推荐几个入门级的JS特效代码.
.图片变形扭曲脚本.
.一种利用网页框架设计的下拉菜单.
.好玩!仿DOS的HTML代码.
.根据当天日期自动导航的脚本，在.
.不间断连续滚动的图片效果(向左滚.
.感应鼠标移动方向.

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

发表日期：2007-12-22

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

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

上一篇：下拉透明的菜单代码[网页特效] 人气:1021
下一篇：向上收缩并隐藏的Fash广告代码人气:1039

浏览全部网页特效的内容 Dreamweaver插件下载网页广告代码祝你圣诞节快乐 2009年新年快乐