资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js实现的很酷的连接提示效果
<html> <head> <title>很酷的连接提示效果</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <STYLE type="text/css"> <!-- .article {font-size: 9pt; 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); POSITION: absolute; VISIBILITY: hidden ; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px} --> <!-- p, td, select { font-size: 9pt} a { color: #0058b0; font-size: 9pt; text-decoration: none} a:hover { color: #6699FF} .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%20%0D%0A%3C!--%20%20%0D%0Afunction%20Show(divid)%20%7B%20%20%0D%0Adivid.filters.revealTrans.apply()%3B%20%20%0D%0Adivid.style.visibility%20%3D%20%22visible%22%3B%20%20%0D%0Adivid.filters.revealTrans.play()%3B%20%20%0D%0A%7D%20%20%0D%0Afunction%20Hide(divid)%20%7B%20%20%0D%0Adivid.filters.revealTrans.apply()%3B%20%20%0D%0Adivid.style.visibility%20%3D%20%22hidden%22%3B%20%20%0D%0Adivid.filters.revealTrans.play()%3B%20%20%0D%0A%7D%20%20%0D%0A%2F%2F--%3E%20%20%0D%0A%3C%2Fscript%3E"> <a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(div0) onMouseOut=Hide(div0) >网页特效</a> <div id="div0" class="article">这是个不错的网站</div> <a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(div1) onMouseOut=Hide(div1) >教程下载</a> <div id="div1" class="article">很好的下载站点,速度快</div> <a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(div2) onMouseOut=Hide(div2) >程序源码</a> <div id="div2" class="article">编程爱好者的乐园</div> <a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(div3) onMouseOut=Hide(div3) >文章教程</a> <div id="div3" class="article">这里有Delphi的好东东</div> <a href="#" _ewebeditor_ta_href="%23" onMouseOver=Show(div4) onMouseOut=Hide(div4) >中国软件</a> <div id="div4" class="article">程序员必看</div> <p> </p> <p>刷新一次，再看看效果。有好几种哦</p> </body></html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程