<html> <head> <title>很酷的连接提示效果-格栅除污机</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <STYLE type="text/css"> <!-- .article {font-size: 9pt; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden ; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px} --> <!-- p, td, select { font-size: 9pt} a { color: #0058b0; font-size: 9pt; text-decoration: none} a:hover { color: #6699FF} .drop { filter: dropshadow(color=000000, offx=1, offy=1, positive=1)} .drop2 { filter: dropshadow(color=ffffff, offx=1, offy=1, positive=1)} --> </STYLE> <SCRIPT language=JavaScript1.2> <!-- function Show(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } //--> </script> 网页特效</a> <div id="div0" class="article">这是个不错的网站</div> 教程下载</a> <div id="div1" class="article">很好的下载站点,速度快</div> 程序源码</a> <div id="div2" class="article">编程爱好者的乐园</div> 文章教程</a> <div id="div3" class="article">这里有Delphi的好东东</div> 中国软件</a> <div id="div4" class="article">程序员必看</div> <p> </p> <p>刷新一次，再看看效果。有好几种哦</p> </body></html>
原文：http://www.cnblogs.com/youtianxia/p/4058943.html