要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<STYLE type=text/css>.article {
BACKGROUND-COLOR: #ffcc00; 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); PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; POSITION: absolute; VISIBILITY: hidden
}
P {
FONT-SIZE: 9pt
}
TD {
FONT-SIZE: 9pt
}
SELECT {
FONT-SIZE: 9pt
}
A {
COLOR: #33ff33; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
COLOR: #c0c0c0; TEXT-DECORATION: underline overline
}
.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>
第二步：把如下代码加入到<body>区域中
<div align="center"><a href="#" onMouseOver=Show(aaa) onMouseOut=Hide(aaa)> 随机动态提示</a>
</div>
<div id="aaa" class="article">注意到了吗？随机动态提示</div>
<div align="center"><a href="#" onMouseOver=Show(bbb) onMouseOut=Hide(bbb)> 随机动态提示</a>
</div>
<div id="bbb" class="article">注意到了吗？随机动态提示</div>
<div align="center"><a href="#" onMouseOver=Show(ccc) onMouseOut=Hide(ccc)> 随机动态提示</a>
</div>
<div id="ccc" class="article">注意到了吗？随机动态提示</div>
<div align="center"><a href="#" onMouseOver=Show(ddd) onMouseOut=Hide(ddd)> 随机动态提示</a>
</div>
<div id="ddd" class="article">注意到了吗？随机动态提示</div>
<div align="center"><a href="#" onMouseOver=Show(eee) onMouseOut=Hide(eee)> 随机动态提示</a>
</div>
<div id="eee" class="article">注意到了吗？随机动态提示</div>
<div align="center"></div>
<div align="center"></div>
减小字体
增大字体
