<html>
<head>
<title>网页特效|XFBBS.Com|---很酷的连接提示效果</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 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>
</body></html>
<head>
<title>网页特效|XFBBS.Com|---很酷的连接提示效果</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 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>
</body></html>
