特效案例
实例描述:打开页面链接开始变化背景颜色,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' οnmοuseοver=table.stop() οnmοuseοut=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>