随机动态的链接Title提示-JS特效-爱易网页

随机动态的链接Title提示

日期：2014-05-18　浏览次数：20298 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

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

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

随机动态的链接Title提示

相关资料更多>

推荐阅读更多>