链接特效-几条链接交替显示
————————————————————
<script type="text/javascript">
var arr = []; //数据数组变量
//初始化数据
arr[arr.length] = ['链接1','http://www.baidu.com'];
arr[arr.length] = ['链接2','http://www.baidu.com'];
arr[arr.length] = ['链接3','http://www.baidu.com'];
var index = 1; //当前下标
function init(){ //初始化函数
setInterval(function(){//开始定时器
if(index >= arr.length)//如果超过边界
index = 0;//恢复到0
//拼接链接的html字符
var str = '<a href="'+arr[index][1]+'">'+arr[index][0]+'</a>';
//获取链接放置在的DOM
var demo = document.getElementById('demo');
demo.innerHTML = str;//填充内容
index++; //索引加1
},2000);
}
</script>
————————————————————————
<body style="text-align:center" onload="init()">
<div id="demo"></div>
</body>
————————————————————————