一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

用javascript實現(xiàn)代替marquee的滾動字幕效果代碼

由于marquee標(biāo)簽現(xiàn)在用得是越來越少了,所以滾動效果的做法大多也都改用Javascript來實現(xiàn)了
之所以拋棄marquee是因為marquee是一個嚴(yán)重影響用戶體驗的東西,你把數(shù)十行內(nèi)容壓縮到幾行滾動的確幫助你壓縮了排版空間,但你有沒有想過用戶可能因為想閱讀其中一兩行的內(nèi)容而不得不在你這個滾動上等半天?就以經(jīng)典論壇頁面上部“BlogBeta 數(shù)字引擎p4 3.0服務(wù)器只要6999元/年”廣告文字右邊的聚合文字滾動為例,你覺得這是一個很好的用戶體驗么?W3C的專家們難道還不如一群無知的小p孩考慮的周全?簡直是笑話
第一種方法:用Javascript模擬marquee的做法。
出處:網(wǎng)易游戲

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點:從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è)置隱藏,將列表項讀進(jìn)Javascript中定義的數(shù)組中。即可達(dá)到在noscript環(huán)境下也能正常看到內(nèi)容列表。

第二種方法:這個更強(qiáng),能自動根據(jù)內(nèi)容自動進(jìn)行左右滾動,解決了寬度太小造成的截取問題。
原文作者:風(fēng)動人

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點:從xhtml的語義化的角度看,頁面內(nèi)容中濫用div標(biāo)簽現(xiàn)象比較嚴(yán)重,可改成ul/li形式。

第三種是最精簡的,代碼非常少。
原文作者:cityvoice 
 HTML代碼

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
個人觀點:太短小精干了,如果你喜歡簡單的話,這個也可以考慮的。

JavaScript技術(shù)用javascript實現(xiàn)代替marquee的滾動字幕效果代碼,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产久热香蕉在线观看 | 成人小视频在线播放 | 综合一区| 香蕉久久精品 | 最近更新中文字幕第一页 | 激情美女网站 | 国产精品毛片va一区二区三区 | 日韩亚洲一区中文字幕在线 | 好属妞这里只有精品久久 | 中文字幕在线国产 | 成人精品免费网站 | 国产麻豆91网在线看 | 天天干天天射天天爽 | 一级爱做片免费观看久久 | 欧美日本高清一本二本三本 | 亚洲伦乱 | 黄视频网站观看 | 三级网站免费播放国语 | 国产精品综合在线 | 欧美麻豆久久久久久中文 | 在线观看www日本免费网站 | 久久久精品影院 | 色婷婷影视| 激性欧美在线播激性欧美 | 很黄很暴力深夜爽爽无遮挡 | 色哟哟在线影院 | 国产麻豆免费观看91 | 在线视频成人 | 日本高清www色| 色婷婷激情五月综合 | 亚洲综合天堂 | 国产三级级在线观看大学生 | 精品阁 | 久草中文在线观看 | 亚洲一区二区三区麻豆 | 2021国产精品系列一区二区 | 久草小区二区三区四区网页 | 国产1级毛片 | 免费在线观看黄视频 | 男女午夜性爽快免费视频不卡 | 91精品国产自产91精品 |