资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
CSS 动态链接提示
<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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript1.2%3E%20%0D%0A%3C!--%20%0D%0Afunction%20Show(divid)%20%7B%20%0D%0Adivid.filters.revealTrans.apply()%3B%20%0D%0Adivid.style.visibility%20%3D%20%22visible%22%3B%20%0D%0Adivid.filters.revealTrans.play()%3B%20%0D%0A%7D%20%0D%0Afunction%20Hide(divid)%20%7B%20%0D%0Adivid.filters.revealTrans.apply()%3B%20%0D%0Adivid.style.visibility%20%3D%20%22hidden%22%3B%20%0D%0Adivid.filters.revealTrans.play()%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </head> <body> <div align="center"><a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(ccc) onMouseOut=Hide(ccc)>ASP是什么语言呢？</a> </div> <div id="ccc" class="article">这里是您的提示内容</div> <div align="center"><a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(ddd) onMouseOut=Hide(ddd)>PHP是什么呢？</a> </div> <div id="ddd" class="article">注意到了吗？随机动态提示</div> <div align="center"><a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(eee) onMouseOut=Hide(eee)>ASP.NET又是什么呢？</a> </div> <div id="eee" class="article">随机动态提示</div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程