各種高寬間距和圖片滾動(dòng)1

1、各種高寬各種高寬間距間距和圖片圖片滾動(dòng)滾動(dòng)一、各種高寬和間距間距示scrollHeight:獲取對(duì)象的滾動(dòng)滾動(dòng)高度。scrollLeft:設(shè)置設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離scrollTop:設(shè)置設(shè)置或獲取位于對(duì)象最頂端和窗口中可見內(nèi)容的最頂端之間的距離scrollWidth:獲取對(duì)象的滾動(dòng)滾動(dòng)寬度offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo)offsetParent屬性指定的父坐標(biāo)的高度offs

2、etLeft:獲取對(duì)象相對(duì)于版面或由offsetParent屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置offsetTop:獲取對(duì)象相對(duì)于版面或由offsetTop屬性指定的父坐標(biāo)的計(jì)算頂端位置event.clientX相對(duì)文檔的水平座標(biāo)event.clientY相對(duì)文檔的垂直座標(biāo)event.offsetX相對(duì)容器的水平坐標(biāo)event.offsetY相對(duì)容器的垂直坐標(biāo)document.documentElement.scrollTop垂直方向滾動(dòng)滾動(dòng)

3、的值event.clientXdocument.documentElement.scrollTop相對(duì)文檔的水平座標(biāo)垂直方向滾動(dòng)滾動(dòng)的量二、圖片圖片滾動(dòng)滾動(dòng)特效的js實(shí)現(xiàn)1.圖片圖片的上下滾動(dòng)滾動(dòng)是通過設(shè)置設(shè)置的兩個(gè)div的承接實(shí)現(xiàn)的，由于在一個(gè)中，div的擺放是上下的關(guān)系，所以不需要在頁面中對(duì)div的擺放做處理即可實(shí)現(xiàn)圖片圖片的上下滾動(dòng)滾動(dòng)。圖片圖片向上滾動(dòng)滾動(dòng)和向下滾動(dòng)滾動(dòng)只是js代碼略有不同，下面是圖片圖片向上滾動(dòng)滾動(dòng)的html代

4、碼：varspeed=50demo2.innerHTML=demo1.innerHTMLfunctionMarquee()if(demo2.offsetTopdemo.scrollTop2.下面是圖片圖片向下滾動(dòng)滾動(dòng)的js代碼，只需將上面頁面中的js用此替換掉即可實(shí)現(xiàn)圖片圖片向下滾動(dòng)。varspeed=30demo2.innerHTML=demo1.innerHTMLdemo.scrollTop=demo.scrollHeightfun