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