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> 
<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>  
网页特效 
<div id="div0" class="article">这是个不错的网站</div> 
教程下载 
<div id="div1" class="article">很好的下载站点,速度快</div> 
程序源码 
<div id="div2" class="article">编程爱好者的乐园</div> 
文章教程 
<div id="div3" class="article">这里有Delphi的好东东</div> 
中国软件 
<div id="div4" class="article">程序员必看</div> 
<p>　</p> 
<p>刷新一次，再看看效果。有好几种哦</p> 
</body></html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：实例学习Javascript之构建方法、属性
下一个：让网页上的超链接失效，不能点击的js代码
更多图片编程知识: