1 图片连续循环滚动代码(向上、下、左、右) 向上: 2 <base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 3 <div id=demo style="overflow:hidden; width:128px; height:300px;"> 4 <div id=demo1> 5 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 6 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 7 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 8 </div> 9 <div id=demo2></div> 10 </div> 11 <script language="javascript"> 12 var speed=30 13 demo2.innerHTML=demo1.innerHTML 14 function Marquee(){ 15 if(demo2.offsetTop-demo.scrollTop<=0) 16 demo.scrollTop-=demo1.offsetHeight 17 else{ 18 demo.scrollTop++ 19 } 20 } 21 var MyMar=setInterval(Marquee,speed) 22 demo.onmouseover=function() {clearInterval(MyMar)} 23 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 24 </script> 25 26 向下: 27 <base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 28 <div id=demo style="overflow:hidden; width:128px; height:300px;"> 29 <div id=demo1> 30 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 31 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 32 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 33 <img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 34 </div> 35 <div id=demo2></div> 36 </div> 37 <script language="javascript"> 38 var speed=30 39 demo2.innerHTML=demo1.innerHTML 40 demo.scrollTop=demo.scrollHeight 41 function Marquee(){ 42 if(demo1.offsetTop-demo.scrollTop>=0) 43 demo.scrollTop+=demo2.offsetHeight 44 else{ 45 demo.scrollTop-- 46 } 47 } 48 var MyMar=setInterval(Marquee,speed) 49 demo.onmouseover=function() {clearInterval(MyMar)} 50 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 51 </script> 52 53 向左: 54 <base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 55 <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> 56 <script> 57 var speed=30 58 demo2.innerHTML=demo1.innerHTML 59 function Marquee(){ 60 if(demo2.offsetWidth-demo.scrollLeft<=0) 61 demo.scrollLeft-=demo1.offsetWidth 62 else{ 63 demo.scrollLeft++ 64 } 65 } 66 var MyMar=setInterval(Marquee,speed) 67 demo.onmouseover=function() {clearInterval(MyMar)} 68 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 69 </script> 70 71 向右: 72 <base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> 73 <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"><img src="gfjs.gif"><img src="bxtt.gif"><img src="bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div> 74 <script> 75 var speed=30 76 demo2.innerHTML=demo1.innerHTML 77 demo.scrollLeft=demo.scrollWidth 78 function Marquee(){ 79 if(demo.scrollLeft<=0) 80 demo.scrollLeft+=demo2.offsetWidth 81 else{ 82 demo.scrollLeft-- 83 } 84 } 85 var MyMar=setInterval(Marquee,speed) 86 demo.onmouseover=function() {clearInterval(MyMar)} 87 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 88 </script>
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.documentElement.scrollTop 网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop 网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height 屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth
备份到需要的时候使用