CSS 动态链接提示

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>动态的链接提示</title> <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 } 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> <div align="center"> <a href="#" onmouseover="show(ccc)" onmouseout="hide(ccc)">asp是什么语言呢？</a> </div> <div id="ccc" class="article">这里是您的提示内容</div> <div align="center"> <a href="#" onmouseover="show(ddd)" onmouseout="hide(ddd)">php是什么呢？</a> </div> <div id="ddd" class="article">注意到了吗？随机动态提示</div> <div align="center"> <a href="#" onmouseover="show(eee)" onmouseout="hide(eee)">asp.net又是什么呢？</a> </div> <div id="eee" class="article">随机动态提示</div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]