html滚动字幕制作教程,dreamweaver教程:怎么制作网页滚动字幕
滾動(dòng)字幕在FrontPage的組件里有,但是FrontPage這個(gè)軟件只能支持單行文字,一出現(xiàn)多行文字它就無能為力了,而且它只能支持一行滾動(dòng)!(如果出現(xiàn)只能滾動(dòng)一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write里面,請看下面例的詳細(xì)說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強(qiáng)烈建議用記事本打開網(wǎng)頁源代碼來編輯。
1.建立第一個(gè)滾動(dòng)字幕。代碼:
以下是引用片段:
滾動(dòng)字幕
2.各參數(shù)詳解:
a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認(rèn)為6,建議設(shè)為1~3比較好。
b)width和height,表示滾動(dòng)區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動(dòng)的時(shí)候,一定要設(shè)height的值。
c)direction。表示滾動(dòng)的方向,默認(rèn)為從右向左:←←←。可選的值有right、down、up。滾動(dòng)方向分別為:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,這也是用來控制速度的,默認(rèn)為90,值越大,速度越慢。通常scrollDelay是不需要設(shè)置的。
e)behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動(dòng),可選的值有alternate(交替滾動(dòng))、slide(幻燈片效果,指的是滾動(dòng)一次,然后停止?jié)L動(dòng))
3.實(shí)例:
a)如何給滾動(dòng)字幕加超鏈接?這跟平時(shí)的超鏈接是完全一樣的。只要在文字外面加上
以下是引用片段:
腳本之家
點(diǎn)擊腳本之家就可以進(jìn)入了:
腳本之家
b)如何制作當(dāng)鼠標(biāo)停留在文字上,文字停止?jié)L動(dòng)?
代碼如:
以下是引用片段:
文字內(nèi)容
c)交替效果。代碼如:
?
以下是引用片段:
文字內(nèi)容
d)多行文本向上滾動(dòng)。代碼如:
以下是引用片段:
·早晨好啊!
·空氣好清新啊
·今朝食乜好呢?
·腳本之家
·注意:如果你的網(wǎng)頁經(jīng)過了FrontPage編輯,保存之后,只能滾動(dòng)一行,這時(shí)候你發(fā)現(xiàn)你原來的代碼順序已經(jīng)變了,My god!解決的辦法是,找出原來的代碼,把它嵌入到JavaScript的document.write中即可,上述代碼寫為:
以下是引用片段:
·早晨好啊!
·空氣好清新啊
·今朝食乜好呢?
·腳本之家
由上可以看出,HTML代碼是可以隨意組合的,功能強(qiáng)大!
總結(jié)
以上是生活随笔為你收集整理的html滚动字幕制作教程,dreamweaver教程:怎么制作网页滚动字幕的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PaaS平台升级NFS报错排除
- 下一篇: 《朗读者》的读后感优秀范文4000字