實(shí)現(xiàn)網(wǎng)頁內(nèi)容水平或垂直滾動的Javascript代碼
更新時間：2012年10月01日 19:30:38 作者：
用Javascript實(shí)現(xiàn)新聞內(nèi)容的水平或垂直滾動，主要的優(yōu)點(diǎn)是我們可以實(shí)現(xiàn)自定義滾動風(fēng)格或特效，應(yīng)用效果比起傳統(tǒng)的marquee更加具有特色，方法也比較簡單
主要兩個部分，一、是滾動內(nèi)容部分；二、JS的滾動代碼部分，也只有兩句話。
一、傳統(tǒng)的滾動代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
傳統(tǒng)的滾動代碼應(yīng)用效果比較單一，而且經(jīng)常還存在瀏覽器的兼容性問題，比如在FIREFOX上效果就會出現(xiàn)marquee的特效無效的問題。
二、Javascript實(shí)現(xiàn)的滾動效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
以上就是完整的JS滾動代碼，如果想實(shí)現(xiàn)垂直滾動，則只需要簡單的修改即可，即使用style的pixTop屬性即可實(shí)現(xiàn)。
摘自 天緣博客
一、傳統(tǒng)的滾動代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
傳統(tǒng)的滾動代碼應(yīng)用效果比較單一，而且經(jīng)常還存在瀏覽器的兼容性問題，比如在FIREFOX上效果就會出現(xiàn)marquee的特效無效的問題。
二、Javascript實(shí)現(xiàn)的滾動效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
以上就是完整的JS滾動代碼，如果想實(shí)現(xiàn)垂直滾動，則只需要簡單的修改即可，即使用style的pixTop屬性即可實(shí)現(xiàn)。
摘自 天緣博客
您可能感興趣的文章:
- JS觸摸屏網(wǎng)頁版仿app彈窗型滾動列表選擇器/日期選擇器
- 關(guān)于網(wǎng)頁中的無縫滾動的js代碼
- JS實(shí)現(xiàn)網(wǎng)頁上隨滾動條滾動的層效果代碼
- js網(wǎng)頁滾動條滾動事件實(shí)例分析
- JavaScript控制網(wǎng)頁平滑滾動到指定元素位置的方法
- JS實(shí)現(xiàn)網(wǎng)頁滾動條感應(yīng)鼠標(biāo)變色的方法
- js判斷iframe內(nèi)的網(wǎng)頁是否滾動到底部觸發(fā)事件
- js網(wǎng)頁側(cè)邊隨頁面滾動廣告效果實(shí)現(xiàn)
- JavaScript實(shí)現(xiàn)瀏覽器網(wǎng)頁自動滾動并點(diǎn)擊的示例代碼
相關(guān)文章
點(diǎn)擊單元格后可編輯單元格內(nèi)文本如何制作
點(diǎn)擊單元格后可編輯單元格內(nèi)文本如何制作...2006-10-10
JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
有時候我們僅僅希望將鏈接<a>作為一個按鈕使用，但是在默認(rèn)狀態(tài)下，點(diǎn)擊鏈接會出現(xiàn)跳轉(zhuǎn)效果，下面就通過代碼實(shí)例，介紹一下如何實(shí)現(xiàn)此效果2014-01-01
JavaScript中使用Spread運(yùn)算符的八種方法總結(jié)
這篇文章主要給大家介紹了JavaScript中使用Spread運(yùn)算符的八種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
隨機(jī)顯示經(jīng)典句子或詩歌的javascript腳本
這篇文章主要介紹了隨機(jī)顯示經(jīng)典句子或詩歌的javascript腳本的相關(guān)資料,需要的朋友可以參考下2007-08-08
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營中有許多不同。2010-02-02
這篇文章主要介紹了JS 事件機(jī)制,結(jié)合完整實(shí)例形式分析了JavaScript事件響應(yīng)機(jī)制、原理與使用技巧,需要的朋友可以參考下2020-01-01
java與javascript之間json格式數(shù)據(jù)互轉(zhuǎn)介紹
對象轉(zhuǎn)為字符串：通過JSON.encode方法，這個是json.js里面的方法，引入到當(dāng)前文件就可以了，下面整理的比較詳細(xì)一點(diǎn)，感興趣的朋友不要錯過2013-10-10
用最簡單的方法判斷JavaScript中this的指向(推薦)
都說 JavaScript 是一種很靈活的語言，這其實(shí)也可以說它是一個混亂的語言,下面通過本文給大家分享JavaScript中this的指向知識，感興趣的朋友一起看看吧2017-09-09
Tesseract.js使用純js實(shí)現(xiàn)的OCR文字識別
Tesseract.js是流行的Tesseract OCR引擎的純Javascript端口,這個庫支持100多種語言,自動文本定位和腳本檢測,一個簡單的界面,用于閱讀段落、單詞和字符邊界框,Tesseract.js既可以在瀏覽器中運(yùn)行,也可以在帶有NodeJS的服務(wù)器上運(yùn)行2023-10-10
本文分享了一個小技巧：javascript解決IE6下hover問題的方法，方法很實(shí)用,需要了解的朋友可以參考下2015-07-07