链接title自定义效果

时间:2008-10-06 10:24:54  来源:第二电脑网上收集  作者:

  第二电脑网导读:iv,a{font:menu} .article {  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; p...
  正文:
 

<pre>
<html>
<head>
<title>链接效果一-站长资讯欢迎您</title>
<STYLE type="text/Css">
<!--
body,div,a{font:menu}
.article { 
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: 3px} 
-->
</STYLE>
<SCRIPT language=JavaScript1.2> 
<!-- 
function Show(divid) { 
divid.filters.revealTrans.apply(); 
divid.style.visibility = "visible"; 
divid.filters.revealTrans.play(); 

function Hide(divid) { 
divid.filters.revealTrans.apply(); 
divid.style.visibility = "hidden"; 
divid.filters.revealTrans.play(); 

//--> 
</script> 
</head>
<body>
<a href="#" onMouSEOver=Show(aaa) onMouseOut=Hide(aaa)>
站长资讯欢迎您</a></div>
   <div id="aaa" class="article">站长资讯欢迎您</div>
</body>
</html> 

</pre>

友情提示:全选代码复制运行,您也可以先修改部分代码再运行查看效果 。

链接title自定义效果》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/HTML/2008-10-06/1523.html


关键字:

关于《链接title自定义效果》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td