在做网页超级连接时,使用一下随机动态提示吧

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- 要完成此效果需要两个步骤

第一步:把如下代码加入到<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航