2008年5月14日 星期三

格子的跑馬燈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


沒有留言: