版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、各種高寬各種高寬間距間距和圖片圖片滾動滾動一、各種高寬和間距間距示scrollHeight:獲取對象的滾動滾動高度。scrollLeft:設置設置或獲取位于對象左邊界和窗口中目前可見內容的最左端之間的距離scrollTop:設置設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離scrollWidth:獲取對象的滾動滾動寬度offsetHeight:獲取對象相對于版面或由父坐標offsetParent屬性指定的父坐標的高度offs
2、etLeft:獲取對象相對于版面或由offsetParent屬性指定的父坐標的計算左側位置offsetTop:獲取對象相對于版面或由offsetTop屬性指定的父坐標的計算頂端位置event.clientX相對文檔的水平座標event.clientY相對文檔的垂直座標event.offsetX相對容器的水平坐標event.offsetY相對容器的垂直坐標document.documentElement.scrollTop垂直方向滾動滾動
3、的值event.clientXdocument.documentElement.scrollTop相對文檔的水平座標垂直方向滾動滾動的量二、圖片圖片滾動滾動特效的js實現(xiàn)1.圖片圖片的上下滾動滾動是通過設置設置的兩個div的承接實現(xiàn)的,由于在一個中,div的擺放是上下的關系,所以不需要在頁面中對div的擺放做處理即可實現(xiàn)圖片圖片的上下滾動滾動。圖片圖片向上滾動滾動和向下滾動滾動只是js代碼略有不同,下面是圖片圖片向上滾動滾動的html代
4、碼:varspeed=50demo2.innerHTML=demo1.innerHTMLfunctionMarquee()if(demo2.offsetTopdemo.scrollTop2.下面是圖片圖片向下滾動滾動的js代碼,只需將上面頁面中的js用此替換掉即可實現(xiàn)圖片圖片向下滾動。varspeed=30demo2.innerHTML=demo1.innerHTMLdemo.scrollTop=demo.scrollHeightfun
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論