| 如何制作滾動字幕/圖片 有些朋友問我如何做滾動字幕和滾動圖片,大漠孤煙的玩轉(zhuǎn)BLOG上有提供滾動字幕代碼,他的方法是教人們在WORLD編輯器里編輯要滾動文字的顯示效果的,而現(xiàn)在我要額外補充一下教大家如何用代碼來編輯字體大顏色和大小,其實原理都是一樣的,源代碼都是一樣的,只是他的方法比較方便,快捷了點而已,如果不會用代碼的,建議用他的方法!   一、滾動字幕的HTML最基本語法是:<MARQUEE>要滾動的文字</MARQUEE>   這是最原始,最簡單,沒有任何修飾的滾動,而要它能顯示出各種不同的效果需要對其進行各種參數(shù)的設定,比如讓大家看一下下面這段代碼: <MARQUEE style="color:#660099;font size=20" scrollAmount=2 scrollDelay=50 direction=up width=480 height=150 behavior=scroll> <FONT color=blue><I>·歡迎來到γ蚊ж子ま的博客</FONT></I><BR> <FONT color=#660099 size=3>·<U>讓我們建立和諧環(huán)境,促進交流</U></FONT><BR> <FONT color=#990066 size=4 face=隸書>·建設良好的博客氛圍,促進共同進步</FONT><BR> <FONT color=#990033 size=3>·為了美化博客,豐富博客<A href="http://blog.sina.com.cn/m/wenzi" target=_blank>(點此有驚喜)</A></FONT><BR> <FONT color=#990099 size=4><B>·豐富生活,讓我們一起努力</B></FONT><BR> <FONT color=blue face=華文行楷>·加油,我的朋友</FONT></MARQUEE>   效果如下:   代碼中各參數(shù)詳解(請仔細看每行的代碼和其相對應的顯示效果):   a)color:#660099;font size=20用來定義所有滾動字體的大小和顏色,如果要單獨定義某行字體,則如代碼中那樣,在每句前后加<FONT color=#990066 size=4>和</FONT>,如果對字體的定義都是一樣的,那么只要定義前面的了,后面的就不需要了。   b)scrollAmount表示速度,值越大速度越快。如果沒有它,默認為6,建議設為1~3比較好。 c)scrollDelay也是用來控制速度的,表示走走停停,默認為90,值越大,速度越慢。通常scrollDelay是不需要設置的。   d)direction很明顯是表示滾動的方向,默認為從右向左:←,因此如果是向左滾動的話不需要次參數(shù)。其他可選的值還有right,down,up。滾動方向分別為:right表示→,up表示↑,down表示↓。 e)width和height用來表示滾動區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。 f)bgcolor表示滾動區(qū)域的背景顏色,如果滾動文字不要背景的話把這段刪了就可以了。 g)behavior是來控制滾動屬性的,默認為循環(huán)滾動(scroll),同樣,如果是循環(huán)滾動的話可以不需要此參數(shù)。其他可選的值還有alternate(交替滾動),slide(幻燈片效果,指的是滾動一次,然后停止?jié)L動)。   h)如果要對文字進行超鏈接,只要在文字前后加<A href="鏈接地址" target=_blank>和</A>,如代碼中所寫的那樣,target=_blank表示鏈接在新窗口中打開。   i)每行字的前后<FONT color=#990066 size=4 face=隸書>和</FONT>用定義每行字的顏色,大小和字體,如果哪項不需要的話,把代碼去掉就行。   j)用WORLD編輯過東西的人都知道,<I>表示傾斜,<U>表示下劃線,<B>表示加粗,加粗有可以是<STRONG>。   k)<BR>表示換行。 PS:滾動方法雖然是教了,而我上面的代碼也只是演示了一下綜合效果,但是看到很多朋友還是不會靈活運用,只照搬我上面的那段代碼。其實要做簡單的滾動的話復制下面這段代碼就行了,要表現(xiàn)出其他效果,按照我說的增加參數(shù)就行了。 <MARQUEE    二、既然知道了滾動字幕如何制作了,制作滾動圖片就應該沒什么問題了,簡單圖片滾動的代碼如下: <MARQUEE scrollAmount=4 scrollDelay=60 direction=right width=190 height=250> <IMG width=190 height=250 src="你喜歡的圖片地址" border=0> <IMG width=190 height=250 src="你喜歡的圖片地址" border=0> <IMG width=190 height=250 src="你喜歡的圖片地址" border=0> <IMG width=190 height=250 src="你喜歡的圖片地址" border=0></MARQUEE>   參數(shù)說明:   a)第一個的width和height表示滾動窗口的大小,后四個用來定義滾動圖片的大小,圖片的大小最好別超過滾動窗口的大小,如果圖片的高度值大于滾動窗口的高度值,那么最后效果顯示的窗口高度是圖片的高度!   b)如果要增加圖片只要加<IMG width=190 height=250 src="你喜歡的圖片地址" border=0>就行了!   c)如果要對圖片進行鏈接,只要在<IMG width=190 height=250 src="你喜歡的圖片地址" border=0>前后加<A href="鏈接地址" target=_blank>和</A>就行了,同樣,target=_blank表示鏈接在新窗口中打開!   至于滾動圖片的效果在這里就不演示了!   補充:滾動字體特效中的各種參數(shù)不是單一的,而是可以隨意組合的,比如下面這段代碼的簡單組合: <MARQUEE scrollAmount=8 direction=up behavior=alternate height=80 width=499> <MARQUEE scrollAmount=4 direction=right behavior=alternate height=50> <font color=#990066 size=5 face=華文行楷>歡迎光臨,祝您快樂!</font></MARQUEE></MARQUEE> 從下面的演示效果中可以看出其奇妙性,大家就可以知道,可以組合的方式是多種多樣的! | 
|  |