DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
關於JavaScript
>> 實現網頁內容水平或垂直滾動的Javascript代碼
實現網頁內容水平或垂直滾動的Javascript代碼
編輯:關於JavaScript  
主要兩個部分,一、是滾動內容部分;二、JS的滾動代碼部分,也只有兩句話。
一、傳統的滾動代碼
用Javascript實現新聞內容的水平滾動!
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
傳統的滾動代碼應用效果比較單一,而且經常還存在浏覽器的兼容性問題,比如在FIREFOX上效果就會出現marquee的特效無效的問題。
二、Javascript實現的滾動效果
用Javascript實現新聞內容的水平滾動1 //div標簽中的寬度width等參數可以自行調節
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
以上就是完整的JS滾動代碼,如果想實現垂直滾動,則只需要簡單的修改即可,即使用style的pixTop屬性即可實現。
摘自 天緣博客
上一頁:
頁面回到頂部的三種實現(錨標記,js)
下一頁:
javascript動畫對象支持加速、減速、緩入、緩出的實現代碼
關於JavaScript
JavaScript檢查彈出窗口是否被阻攔的方法教程技巧
出框口很有用,需要彈出窗口。對於開發這樣的網站的程序員,他們有個棘手的問題,他們不知道這些彈出窗口是
Bootstrap與KnockoutJs相結合實現分頁效果實例詳解
KnockoutJS是一個JavaScript實現的MVVM框架。非常棒。比如列表數據項增減後,不需
預裝載以及JavaScript Image()對象
大量采用高解析度的圖像的確可以讓一個Web站點容光煥發。但同樣
相關文章
HTML做的網頁 如何使當前頁面跳轉到另一頁面錨點處
用vue實現簡單實時匯率計算功能
使用flex實現彈性布局
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
使用js實現極速選擇輸入城市名
原生javascript實現圖片放大鏡效果
jQuery+Html5實現唯美表白動畫
js實現浏覽器倒計時跳轉頁面效果
javascript實現瀑布流動態加載圖片原理
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
谷歌showModalDialog()方法不兼容出現對話窗口的解決辦法
Javascript教程:獲取當前地址欄url
yepnope.js使用詳解及示例分享
微信開發 js實現tabs選項卡效果
JavaScript檢測彈出窗口是否已經關閉的方法
Bootstrap中CSS的使用方法
Bootstrap導航欄各元素操作方法(表單、按鈕、文本)
EditPlus注冊碼生成器(js代碼實現)
java 使用JDOM解析xml文件
js浏覽器html5表單驗證
熱門推薦
基於JQuery打造無縫滾動新聞步驟詳解
總結showModalDialog和showModelessDialog用法
超鏈接的禁用屬性Disabled使用示例
javascript cookies操作集合
JavaScript代碼判斷點擊第幾個按鈕
JavaScript實現簡單的拖動效果
圖片動畫橫條廣告帶上下滾動可自定義圖片、鏈接等等
JS操作二進制:LZ77 算法
JS實例教程:全兼容可高亮二級緩沖折疊菜單
大家都在看
JavaScript fontsize方法入門實例(按照指定的尺寸來顯示字符串)
用js調用迅雷下載代碼的二種方法
CSS教程:關於網頁中的透明元素
JS簡短的代碼搞定俄羅斯方塊游戲
Javascript alert消息換行的方法
JavaScript折疊式列表的網頁制作
CSS3 Grid布局:CSS3網格布局讓內容優先
網站改版的過程的方法和誤區
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved