格子的跑馬燈CSS語法（可愛造型）

 格子中，右側自由欄位前半段有個小猴子的跑馬燈，CSS語法提供如下： 
 

<embed src="http://prb999.net/pixnet/080223/mar_cocos.swf" width="550" height="25" type="application/x-shockwave-flash" flashvars="txt=歡迎來佑佑皮皮的格子，這是我許久前在「鏡空間」找到的跑馬燈語法，我覺得這個是不錯的跑馬燈樣式，雖不至於太炫但簡單中反而容易看到格主要的跑馬燈內容重點，用的到的拿去自家格子，純分享，隨意自取～"></embed></embed /></embed />

 
只要依照自己格子所需，更改三個上面標示紅色字的地方：
 

1.width（寬）：
 

以下跑馬燈是範例，因此拉長些，否則放在自由欄大概200上下即可。
 

2.heigh（高）：
 

這個高度還算適合，因此不太需要改。
 

3.內文：
 

請自行更改。以下跑馬燈的內容是解說範例，因此特別讓跑馬燈的文字運作長一些，讓有興趣的格友瞭解跑的方式。
 

基本上跑馬燈應該是「重點說明」即可，別拖這麼「漏漏長」，除非像是我格子banner上橫跨左右「整排」的跑馬燈（該語法下面延伸閱讀）。
 

因為如果你的跑馬燈如果放在自由欄，長度通常不會太長，內文太長就有點......太雜、跑不完的感覺。
 

 

【成品範例】
 

 

 

網路上的跑馬燈百百款。
 

個人比較喜歡的跑馬燈就是不要太炫的、文字重點呈現的跑馬燈樣式。
 

其實像上面banner這種樣式（見主格：http://blog.xuite.net/xalekd/940109）的跑馬燈反而最容易有跑馬燈原來的功用。
 

 

◎ 延伸閱讀：格子的跑馬燈CSS語法 
 
 
原文出處：http://blog.xuite.net/xalekd/940109/17151875