教你如何用dreamweaver制作滾動字幕

字號:

滾動字幕會讓很多人感到興奮,特別是第一次使用滾動字幕時,會愛不釋手?,F(xiàn)在做一個詳細的方案,讓你更全面地了解一下。
    滾動字幕在FrontPage的組件里有,但是FrontPage這個軟件只能支持單行文字,一出現(xiàn)多行文字它就無能為力了,而且它只能支持一行滾動!(如果出現(xiàn)只能滾動一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write里面,請看下面例的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網(wǎng)頁源代碼來編輯。
    1.建立第一個滾動字幕。代碼:
       以下是引用片段:
    滾動字幕
    2.各參數(shù)詳解:
    a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認為6,建議設(shè)為1~3比較好。
    b)width和height,表示滾動區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設(shè)height的值。
    c)direction。表示滾動的方向,默認為從右向左:←←←??蛇x的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
    d)scrollDelay,這也是用來控制速度的,默認為90,值越大,速度越慢。通常scrollDelay是不需要設(shè)置的。
    e)behavior。用它來控制屬性,默認為循環(huán)滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然后停止?jié)L動)
    3.實例:
    a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上
    以下是引用片段:
    軟件下載
    點擊軟件下載就可以進入了: 軟件下載
    b)如何制作當鼠標停留在文字上,文字停止?jié)L動?
    代碼如:
    以下是引用片段:
    文字內(nèi)容
    c)交替效果。代碼如:
    以下是引用片段:
    文字內(nèi)容
    d)多行文本向上滾動。代碼如:
    以下是引用片段:
    ·早晨好啊!
    ·空氣好清新啊
    ·今朝食乜好呢?
    ·中央電視臺
 
    ·注意:如果你的網(wǎng)頁經(jīng)過了FrontPage編輯,保存之后,只能滾動一行,這時候你發(fā)現(xiàn)你原來的代碼順序已經(jīng)變了,My god!解決的辦法是,找出原來的代碼,把它嵌入到JavaScript的document.write中即可,上述代碼寫為:
    以下是引用片段:
    ·早晨好??!
    ·空氣好清新啊
    ·中央電視臺

    由上可以看出,HTML代碼是可以隨意組合的,功能強大!