|
|
之所以拋棄marquee是因?yàn)閙arquee是一個嚴(yán)重影響用戶體驗(yàn)的東西，你把數(shù)十行內(nèi)容壓縮到幾行滾動的確幫助你壓縮了排版空間，但你有沒有想過用戶可能因?yàn)橄腴喿x其中一兩行的內(nèi)容而不得不在你這個滾動上等半天？就以經(jīng)典論壇頁面上部“BlogBeta 數(shù)字引擎p4 3.0服務(wù)器只要6999元/年”廣告文字右邊的聚合文字滾動為例，你覺得這是一個很好的用戶體驗(yàn)么？W3C的專家們難道還不如一群無知的小p孩考慮的周全？簡直是笑話
第一種方法：用Javascript模擬marquee的做法。
出處：網(wǎng)易游戲
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點(diǎn)：從web可用性角度上講，我們在采用這段代碼的同時要考慮到noscript環(huán)境下的可用性，建議將內(nèi)容還是以下邊代碼的形式出現(xiàn)在頁面中。如：
程序代碼
復(fù)制代碼 代碼如下:
<div id="newslist">
<ul>
<li><a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“夢幻密保”快速取回帳號密碼</a></li>
<li><a href=http://ekey.163.com/ target=_blank>網(wǎng)易將軍令官方網(wǎng)站</a></li>
<li><a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁紙下載</a></li>
<li><a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下載</a></li>
</ul>
</div>
然后用腳本去設(shè)置隱藏，將列表項(xiàng)讀進(jìn)Javascript中定義的數(shù)組中。即可達(dá)到在noscript環(huán)境下也能正常看到內(nèi)容列表。
第二種方法：這個更強(qiáng)，能自動根據(jù)內(nèi)容自動進(jìn)行左右滾動，解決了寬度太小造成的截取問題。
原文作者：風(fēng)動人
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點(diǎn)：從xhtml的語義化的角度看，頁面內(nèi)容中濫用div標(biāo)簽現(xiàn)象比較嚴(yán)重，可改成ul/li形式。
第三種是最精簡的，代碼非常少。
原文作者：cityvoice
HTML代碼
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點(diǎn)：太短小精干了，如果你喜歡簡單的話，這個也可以考慮的。
JavaScript技術(shù)：用javascript實(shí)現(xiàn)代替marquee的滾動字幕效果代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
