天空部落格(瀏覽器)跑馬燈語法?

我這幾天逛天空部落格的時候,有看到蠻特別的狀態。

就是有人的瀏覽器「上方標題」和「下方的文字」會跑,請問這個語法要如何寫?以及是加在CCS的那兒。

簡單註解(以IE為例):

上方標題:應該是目前瀏覽器最上方顯示「IE的圖示」後面寫著「天空部落格(瀏覽器)跑馬燈語法? - Yahoo!奇摩知識+」的位置。

下方的文字:下方應該是有個「IE的圖示」而後面寫著「完成」兩字

1 Answer

Rating
  • 1 decade ago
    Favorite Answer

    1.前提:

    關於您的問題,指的應該是 IE 的 Title 和 Statu 的部份,要做跑馬燈效果

    基於您提到 CSS 的部份,只能跟您說聲抱歉

    這部份通常的作法不會是以 CSS 的樣式設定來做的

    一般都會以 JavaScript ( 簡稱 JS ) 來完成您所想要達到的效果

    2.預設立場:

    以您發文的內容,我先假設您對基本的 HTML 及 CSS 有一定的了解程度

    接下來就是您要了解 JS 的部份

    3.JS 簡單說明:

    一般在 HTML 的程式碼中,您應該不難發現,多數的網頁會有類似下類的語法標籤

    <script>

    JS 的程式碼編寫內容的地方

    </script>

    4.製作方式:

    請參考下列的 JS 編碼方式,在 status 後面的文字部份修改成你要的跑馬燈內容

    例:0 1 2 3 4 5 6 7 8 9 a b c........ 改成 [我的跑馬燈]

    數字 150 的部份,你可以把它看成是移動速度

    設定越小,跑的就越快,設定越大跑得越慢

    通常建議設在 100 到 200 之間,跑動較為流暢

    其餘程式碼部份,就有待你深入了解,就可以知道更多的運用方式及相關的變化

    <script>

    status_text = '';

    status_marquee = setInterval(status_move,150);

    function status_move () {

     if (status_text.length > 0) {status_text = status_text.substr(1,status_text.length);

     } else {status_text = '0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z';}

     window.status = status_text;

     document.title = status_text;

    }

    </script>

    有興趣的話,可以參考我之前做的一些網站

    九形國際資訊      http://www.9skin.com/

    搜寶紅利商城      http://soboomall.9skin.com/

    Slog 線上創意工坊    http://slog.9skin.com/

    Game Gear 2006     http://www.bloodglory.com/ggw/

    KeyWant 渴望奇航 (2008) http://www.keywant.com/

    Source(s): 自身經歷與創作
Still have questions? Get your answers by asking now.