代碼1

07-11

有些朋友問我如何做滾動字幕和滾動圖片，大漠孤煙的玩轉BLOG上有提供滾動字幕代碼，他的方法是教人們在WORLD編輯器里編輯要滾動文字的顯示效果的，而現在我要額外補充一下教大家如何用代碼來編輯字體大顏色和大小，其實原理都是一樣的，源代碼都是一樣的，只是他的方法比較方便，快捷了點而已，如果不會用代碼的，建議用他的方法！

一、滾動字幕的HTML最基本語法是：<MARQUEE>要滾動的文字</MARQUEE>　　這是最原始，最簡單，沒有任何修飾的滾動，而要它能顯示出各種不同的效果需要對其進行各種參數的設定，比如讓大家看一下下面這段代碼：<MARQUEEstyle="color:#660099;font size=20" scrollAmount=2 scrollDelay=50direction=up width_=480 height=150 bgcolor=#ecf5ff behavior=scroll>·歡迎來到γ蚊ж子ま的博客 ·讓我們建立和諧環境，促進交流 ·建設良好的博客氛圍，促進共同進步 ·為了美化博客，豐富博客<A href="http://blog.sina.com.cn/m/wenzi" target=_blank>(點此有驚喜)</A> ·豐富生活，讓我們一起努力 ·加油，我的朋友</MARQUEE>　　效果如下： ·歡迎來到γ蚊ж子ま的博客·讓我們建立和諧環境,促進交流·建設良好的博客氛圍，促進共同進步·為了美化博客，豐富博客(點此有驚喜)·豐富生活，讓我們一起努力·加油，我的朋友　　代碼中各參數詳解(請仔細看每行的代碼和其相對應的顯示效果)：　　a)color:#660099;font size=20用來定義所有滾動字體的大小和顏色，如果要單獨定義某行字體，則如代碼中那樣，在每句前後加和，如果對字體的定義都是一樣的，那麼只要定義前面的了，後面的就不需要了。　　b)scrollAmount表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。　　c)scrollDelay也是用來控制速度的，表示走走停停，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。　　d)direction很明顯是表示滾動的方向，默認為從右向左：←，因此如果是向左滾動的話不需要次參數。其他可選的值還有right，down，up。滾動方向分別為：right表示→，up表示↑，down表示↓。　　e)width和height用來表示滾動區域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。　　f)bgcolor表示滾動區域的背景顏色，如果滾動文字不要背景的話把這段刪了就可以了。　　g)behavior是來控制滾動屬性的，默認為循環滾動(scroll)，同樣，如果是循環滾動的話可以不需要此參數。其他可選的值還有alternate(交替滾動)，slide(幻燈片效果，指的是滾動一次，然後停止滾動)。　　h)如果要對文字進行超鏈接，只要在文字前後加<A href="鏈接地址" target=_blank>和</A>，如代碼中所寫的那樣，target=_blank表示鏈接在新窗口中打開。　　i)每行字的前後和用定義每行字的顏色，大小和字體，如果哪項不需要的話，把代碼去掉就行。　　j)用WORLD編輯過東西的人都知道，表示傾斜，表示下劃線，表示加粗，加粗有可以是。　　k) 表示換行。ＰＳ：滾動方法雖然是教了，而我上面的代碼也只是演示了一下綜合效果，但是看到很多朋友還是不會靈活運用，只照搬我上面的那段代碼。其實要做簡單的滾動的話複製下面這段代碼就行了，要表現出其他效果，按照我說的增加參數就行了。<MARQUEEscrollAmount=2 scrollDelay=50 direction=up width_=480 height=180 behavior=scroll>滾動文字</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>　　參數說明：　　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表示鏈接在新窗口中打開！　　至於滾動圖片的效果在這裡就不演示了！　　　　補充：滾動字體特效中的各種參數不是單一的，而是可以隨意組合的，比如下面這段代碼的簡單組合：<MARQUEE scrollAmount=8 direction=up behavior=alternate height=80 width_=499><MARQUEE scrollAmount=4 direction=right behavior=alternate height=50>歡迎光臨，祝您快樂！</MARQUEE></MARQUEE>從下面的演示效果中可以看出其奇妙性，大家就可以知道，可以組合的方式是多種多樣的！歡迎光臨，祝您快樂！