實現(xiàn)網(wǎng)頁內(nèi)容水平或垂直滾動的Javascript代碼
更新時間：2012年10月01日 19:30:38 作者：
用Javascript實現(xiàn)新聞內(nèi)容的水平或垂直滾動，主要的優(yōu)點是我們可以實現(xiàn)自定義滾動風格或特效，應用效果比起傳統(tǒng)的marquee更加具有特色，方法也比較簡單
主要兩個部分，一、是滾動內(nèi)容部分；二、JS的滾動代碼部分，也只有兩句話。
一、傳統(tǒng)的滾動代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
傳統(tǒng)的滾動代碼應用效果比較單一，而且經(jīng)常還存在瀏覽器的兼容性問題，比如在FIREFOX上效果就會出現(xiàn)marquee的特效無效的問題。
二、Javascript實現(xiàn)的滾動效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
以上就是完整的JS滾動代碼，如果想實現(xiàn)垂直滾動，則只需要簡單的修改即可，即使用style的pixTop屬性即可實現(xiàn)。
摘自 天緣博客
一、傳統(tǒng)的滾動代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
傳統(tǒng)的滾動代碼應用效果比較單一，而且經(jīng)常還存在瀏覽器的兼容性問題，比如在FIREFOX上效果就會出現(xiàn)marquee的特效無效的問題。
二、Javascript實現(xiàn)的滾動效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
以上就是完整的JS滾動代碼，如果想實現(xiàn)垂直滾動，則只需要簡單的修改即可，即使用style的pixTop屬性即可實現(xiàn)。
摘自 天緣博客
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了js實現(xiàn)電子時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細介紹了uniapp實現(xiàn)橫向滾動選擇日期，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)折疊展開效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
js實現(xiàn)的點擊數(shù)量加一可操作數(shù)據(jù)庫
這篇文章主要介紹了js如何實現(xiàn)的點擊數(shù)量加一操作數(shù)據(jù)庫,需要的朋友可以參考下2014-05-05
JavaScript 實現(xiàn) Tab 點擊切換實例代碼
Tab 選項卡切換效果在現(xiàn)如今的網(wǎng)頁中，運用的也是比較多的，包括點擊切換、滑動切換、延遲切換、自動切換等多種效果，在這篇博文里，我們是通過原生 JavaScript 來實現(xiàn) Tab 點擊切換的效果。2017-03-03
這篇文章主要介紹了JS實現(xiàn)換膚功能的方法,結(jié)合實例形式分析了javascript針對頁面元素屬性與樣式動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理
這篇文章主要介紹了詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理，引入Promise確實能夠很好的解決異步回調(diào)函數(shù)的可讀性等問題，同時也使得我們調(diào)用的時候代碼簡潔一些，本文介紹如何在小程序的JS代碼里面使用Promise來封裝一些函數(shù)的做法2019-03-03
這篇文章主要介紹了javascript實現(xiàn)控制瀏覽器全屏的代碼分享給大家，十分的實用，有需要的小伙伴可以參考下。2015-03-03
這篇文章主要介紹了JS關(guān)閉窗口時產(chǎn)生的事件及用法,結(jié)合關(guān)閉窗口時提交評論的實例分析了javascript事件觸發(fā)機制及遮罩層實現(xiàn)技巧,需要的朋友可以參考下2016-08-08
BootStrap下的彈出框加載select2框架失敗的解決方法
本文通過簡單的代碼給大家介紹了BootStrap下的彈出框加載select2框架失敗的解決方法，需要的朋友參考下吧2017-08-08