天空部落格（瀏覽器）跑馬燈語法？

Question

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

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

簡單註解（以ＩＥ為例）：

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

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

Answer 1

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): 自身經歷與創作