DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現DOM走馬燈特效的方法教程
js實現DOM走馬燈特效的方法教程
編輯:關於JavaScript     

本文實例講述了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>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved