DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 12.8 訓練題(1)網頁動態標題
12.8 訓練題(1)網頁動態標題
編輯:JavaScript基礎知識     

在浏覽網頁的時候,我們經常看到不少網頁標題在閃動。這一節我們給大家講解一個實際開發中的技巧“網頁動態標題”。

實現代碼如下:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定義全局變量,用於標識
        var flag = 0;
        window.onload = function () {
            //定時器
            setInterval("titleChange()", 1000);
        }
        //定義函數
        function titleChange() {
            if(flag==0)
            {
                document.title = "★☆★ 學習網★☆★";
                flag = 1;
            }
            else
            {
                document.title = "☆★☆ 學習網☆★☆";
                flag = 0;
            }
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

這個例子使用在線測試不會有效果,請大家在本地編輯器中測試預覽。

這裡主要使用了頁面加載事件window.onload和JavaScript定時器。算法很簡單,只要使用了一個全局變量作為標識。

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