CSS 动态链接提示

时间：2021-03-06 10:13:57|栏目：JavaScript代码|点击：次

<html> <head> <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> <SCRIPT language=JavaScript1.2>  </script> </head> <body> <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> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：快速解决处理后台返回json数据格式的问题

栏目：JavaScript代码

下一篇：PJBLOG中用到的ajaxjs.几个简单的函数

本文标题：CSS 动态链接提示

本文地址：http://www.codeinn.net/misctech/75647.html

更多JavaScript代码

JavaScript代码

CSS 动态链接提示

阅读排行

推荐教程