运用javascript做出链接类特效

特效案例

1、会消失的链接

实例描述：打开页面链接开始变化背景颜色，5秒后链接消失 

2、带提示框的链接

实例描述：当鼠标处于连接上时出现链接的提示语言

<script language="JavaScript">
function showtip2(current,e,text){
if(document.readState == "complete"){
//如果是IE浏览器并且满足readyState的标志位
document.all.tooltip4.2.innerHtml='<marquee style="border:1px solid blue">'+text+'</marquee>';
//设置为显示
document.all.tooltip4.2.style.visibility="visible";
}
}
function hidtip2(){
if(document.readState == "complete"){
//设置为显示
document.all.tooltip4.2.style.visibility="hidden";
}
}
</script>

3、链接的动态变化

实例描述：链接内容交替显示，每个链接停留2秒的时间

<script language="JavaScript">
var speed = 2000;
var news = new Array();
news[0] = "<a href='#'>我的学习我做主</a>";
news[1] = "<a href='#'>我的生活我做主</a>";
var i = 0;
function update(){
document.all.subtickertape.innerHTML = news[i];
if(i<news.length-1){
i++
}else{
i = 0;//循环显示链接
}
setTimeout("update()",speed);//按照设定周期调用update函数
}
</script>

4、滚动广告链接

实例描述：公告栏区域公告内容自下而上滚动播出，鼠标经过哪个链接，则停止滚动

<script language="JavaScript">
var index = 2;
var link = new Array(2);
var text = new Array(2);
link[0] = "#";
link[1] = "#";
text[0] = "www.163.com";
text[1] = "www.126.com";
document.write("<marquee scrollamount='1' scrolldelay='60' direction='up' width='100' id=table height='100' onmouseover=table.stop() onmouseout=table.start()>");
for(i=0;i<index;i++){
document.write("<a href="+link[i]+"target='_blank>'<font color=#FF0000>");
document.write(text[i]+"</font></a></br>");
}
document.write("</marquee>");
</script>