日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jscript > 實例教程:JS實現圖片無間隙滾動代碼

實例教程:JS實現圖片無間隙滾動代碼

來源:程序員人生   發布時間:2014-03-21 23:46:19 閱讀次數:2664次

  網(LieHuo.Net)教程 最近要做一個首頁圖片無間隙的滾動的效果,原先準備用marquee來做,但是<marquee>循環滾動時有間隙.在網上找了下。 

     這個相對簡單,實現思路:一個設定寬度并且隱藏超出它寬度的內容的容器demo,里面放demo1和demo2, demo1是滾動內容,demo2為demo1的直接克隆,通過不斷改變demo1的scrollTop或者scrollLeft達到滾動的目的,當滾動至demo1與demo2的交界處時直接跳回初始位置,因為demo1與demo2一樣,所以分不出跳動的瞬間,從而達到“無縫”滾動的目的。

    先了解一下對象的幾個的屬性:

以下為引用的內容:
innerHTML:設置或獲取位于對象起始和結束標簽內的 HTML
scrollHeight: 獲取對象的滾動高度。
scrollLeft:設置或獲取位于對象左邊界和窗口中目前可見內容的最左端之間的距離
scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離
scrollWidth:獲取對象的滾動寬度
offsetHeight:獲取對象相對于版面或由父坐標 offsetParent 屬性指定的父坐標的高度
offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置
offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
offsetWidth:獲取對象相對于版面或由父坐標 offsetParent 屬性指定的父坐標的寬度



提示:可修改后代碼再運行!

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 亚洲欧洲在线视频 | 亚洲精品久久久久 | 欧美成人一区二区三区片免费 | 91精品区| 色综合天天天天做夜夜夜夜做 | 99成人| 国产一区在线视频 | 久久综合久久综合久久 | 久久精品中文字幕 | 日本不卡久久 | 麻豆精品国产 | av麻豆 | 日本国产中文字幕 | 日韩视频一区二区三区四区 | 免费大片黄在线观看视频网站 | 91精品国产色综合久久不卡98口 | 久国久产久精永久网页 | 在线一区二区三区四区 | 久久久久久久久久久久久九 | 国产一区二区三区在线看 | 午夜精品久久久久久久久久久 | 成年人网站免费看 | av首页在线 | 久久国产精品精品 | 日剧天堂 | 综合一区av | 91精品在线播放 | 青青草伊人久久 | 亚洲精品福利在线 | 搞黄网站| 三级免费黄 | 国产精品久久久久久久岛一牛影视 | 久久久精品一区二区三区 | 亚洲国产精品网站 | 欧美国产一区二区 | 欧美三区视频 | 国产剧情一区二区三区 | 在线观看成人av | 久久精品久久久久久 | 香蕉久操 | 狠狠色狠狠色综合人人 |