武林網(www.vevb.com)文章簡介:既然如此,我們尚且撇開Web 標準不談,著眼於應用,無需JavaScript 的摻和,marquee 標籤對滾動效果的實現方便簡練。
說了這麼多年的Web 標準,似乎類似marquee 這種非常規的標籤,已經逐漸淡出視線,不過芒果剛剛在項目中用了這個蹩腳的標籤,我覺得這是合理的善用,沒必要顧忌太多的標準問題。
標準並不是一項技術,標準只是一種規範與提議。
既然如此,我們尚且撇開Web 標準不談,著眼於應用,無需JavaScript 的摻和,marquee 標籤對滾動效果的實現方便簡練。
代碼示例:
<marquee>這是一個滾動示例</marquee>屬性參數:
direction
表示滾動的方向,值可以是left,right,up,down,默認為left
behavior
表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(來回滾動)
loop
表示循環的次數,值是正整數,默認為無限循環
scrollamount
表示運動速度,值是正整數,默認為6
scrolldelay
表示停頓時間,值是正整數,默認為0,單位是毫秒
valign
表示元素的垂直對齊方式,值可以是top,middle,bottom,默認為middle
align
表示元素的水平對齊方式,值可以是left,center,right,默認為left
bgcolor
表示運動區域的背景色,值是16 進制的RGB 顏色,默認為白色
height、width
表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100%,height為標籤內元素的高度
hspace、vspace
表示元素到區域邊界的水平距離和垂直距離,值是正整數,單位是像素
onmouseover=this.stop() onmouseout=this.start()
表示當鼠標以上區域的時候滾動停止,當鼠標移開的時候又繼續滾動
出於用戶體驗的考慮,當鼠標移入暫停滾動的效果可以使用JavaScript 獨立出來。