<title>很酷的连接提示效果</title> <!--将以下代码加入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 href="#" onmouseover="Show(div0)" onmouseout="Hide(div0)">网页特效</a> <div id="div0" class="article">这是个不错的网站</div> <a href="#" onmouseover="Show(div1)" onmouseout="Hide(div1)">教程下载</a> <div id="div1" class="article">很好的下载站点,速度快</div> <a href="#" onmouseover="Show(div2)" onmouseout="Hide(div2)">程序源码</a> <div id="div2" class="article">编程爱好者的乐园</div> <a href="#" onmouseover="Show(div3)" onmouseout="Hide(div3)">文章教程</a> <div id="div3" class="article">这里有Delphi的好东东</div> <a href="#" onmouseover="Show(div4)" onmouseout="Hide(div4)">中国软件</a> <div id="div4" class="article">程序员必看</div> <p> </p> <p>刷新一次，再看看效果。有好几种哦</p> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
