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