用Javascript實(shí)現(xiàn)新聞內(nèi)容的水平或垂直滾動(dòng)，主要的優(yōu)點(diǎn)是我們可以實(shí)現(xiàn)自定義滾動(dòng)風(fēng)格或特效，應(yīng)用效果比起傳統(tǒng)的marquee更加具有特色，方法也比較簡(jiǎn)單

主要兩個(gè)部分，一、是滾動(dòng)內(nèi)容部分；二、JS的滾動(dòng)代碼部分，也只有兩句話。

一、傳統(tǒng)的滾動(dòng)代碼

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

傳統(tǒng)的滾動(dòng)代碼應(yīng)用效果比較單一，而且經(jīng)常還存在瀏覽器的兼容性問題，比如在FIREFOX上效果就會(huì)出現(xiàn)marquee的特效無效的問題。

二、Javascript實(shí)現(xiàn)的滾動(dòng)效果

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

以上就是完整的JS滾動(dòng)代碼，如果想實(shí)現(xiàn)垂直滾動(dòng)，則只需要簡(jiǎn)單的修改即可，即使用style的pixTop屬性即可實(shí)現(xiàn)。

摘自天緣博客

您可能感興趣的文章:

相關(guān)文章

點(diǎn)擊單元格后可編輯單元格內(nèi)文本如何制作
點(diǎn)擊單元格后可編輯單元格內(nèi)文本如何制作...
2006-10-10
JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
有時(shí)候我們僅僅希望將鏈接<a>作為一個(gè)按鈕使用，但是在默認(rèn)狀態(tài)下，點(diǎn)擊鏈接會(huì)出現(xiàn)跳轉(zhuǎn)效果，下面就通過代碼實(shí)例，介紹一下如何實(shí)現(xiàn)此效果
2014-01-01
JavaScript中使用Spread運(yùn)算符的八種方法總結(jié)
這篇文章主要給大家介紹了JavaScript中使用Spread運(yùn)算符的八種方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
隨機(jī)顯示經(jīng)典句子或詩(shī)歌的javascript腳本
這篇文章主要介紹了隨機(jī)顯示經(jīng)典句子或詩(shī)歌的javascript腳本的相關(guān)資料,需要的朋友可以參考下
2007-08-08
javascript inneHTML的地雷
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營(yíng)中有許多不同。
2010-02-02
JS 事件機(jī)制完整示例分析
這篇文章主要介紹了JS 事件機(jī)制,結(jié)合完整實(shí)例形式分析了JavaScript事件響應(yīng)機(jī)制、原理與使用技巧,需要的朋友可以參考下
2020-01-01
java與javascript之間json格式數(shù)據(jù)互轉(zhuǎn)介紹
對(duì)象轉(zhuǎn)為字符串：通過JSON.encode方法，這個(gè)是json.js里面的方法，引入到當(dāng)前文件就可以了，下面整理的比較詳細(xì)一點(diǎn)，感興趣的朋友不要錯(cuò)過
2013-10-10
用最簡(jiǎn)單的方法判斷JavaScript中this的指向(推薦)
都說 JavaScript 是一種很靈活的語(yǔ)言，這其實(shí)也可以說它是一個(gè)混亂的語(yǔ)言,下面通過本文給大家分享JavaScript中this的指向知識(shí)，感興趣的朋友一起看看吧
2017-09-09
Tesseract.js使用純js實(shí)現(xiàn)的OCR文字識(shí)別
Tesseract.js是流行的Tesseract OCR引擎的純Javascript端口,這個(gè)庫(kù)支持100多種語(yǔ)言,自動(dòng)文本定位和腳本檢測(cè),一個(gè)簡(jiǎn)單的界面,用于閱讀段落、單詞和字符邊界框,Tesseract.js既可以在瀏覽器中運(yùn)行,也可以在帶有NodeJS的服務(wù)器上運(yùn)行
2023-10-10
javascript解決IE6下hover問題的方法
本文分享了一個(gè)小技巧：javascript解決IE6下hover問題的方法，方法很實(shí)用,需要了解的朋友可以參考下
2015-07-07