js实现DOM走马灯特效的方法

2019-11-20 13:20:33

字体：大中小

来源：转载

供稿：网友

本文实例讲述了js实现DOM走马灯特效的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>走马灯的特效</title>  
    <script type="text/javascript">  
        function scroll() {  
            //将头文件标题赋值给 tit  
            var tit = document.title;  
            //获取tit的第一个字符  
            var fir = tit.charAt(0);  
            //获取tit剩余的字符  
            var left = tit.substring(1, tit.length)  
            //将头文件标题重新赋值为 （原标题的第二个字符到最后一个字符+原标的的第一个字符）  
            document.title = left + fir;  
        }  
        //让scroll每隔2000毫秒就执行scroll()一次，从而实现走马灯的效果  
        setInterval("scroll()", 2000);  
    </script>  
</head>  
<body>  
  
</body>  
</html>