链接特效-几条链接交替显示

————————————————————

<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>

————————————————————————

posted @ 2016-09-22 14:58  承载梦想-韩旭明  阅读(159)  评论(0编辑  收藏  举报