1 <div id="img1" style="top: 21px; left: 491px;"> 2 <!--链接地址--><a href="#" target="_blank"> 3 <!--图片地址--><img src="/uploadfiles/image/logo.png" border="0"> 4 </a> 5 </div>
1 <script type="text/javascript"> 2 var xPos = 300; //起始定位:X轴位置(居左像素) 3 var yPos = 200; //起始定位:Y轴位置(居上像素) 4 var step = 1; //每次移动像素 5 var delay = 10; //每移1次setp所需时间(单位毫秒,1000毫秒=1秒) 6 var height = 0; 7 var Hoffset = 0; 8 var Woffset = 0; 9 var yon = 0; 10 var xon = 0; 11 var pause = true; 12 var interval; 13 var obj=window.document.getElementById("img1"); //获取DIV图层对象 14 obj.style.top = yPos + "px"; 15 function changePos(){ 16 width = window.innerWidth == 0 ? (document.documentElement.clientWidth == 0 ? document.body.clientWidth : document.documentElement.clientWidth) : window.innerWidth; 17 height = window.innerHeight == 0 ? (document.documentElement.clientHeight == 0 ? document.body.clientHeight : document.documentElement.clientHeight) : window.innerHeight; 18 Woffset = obj.offsetWidth; Hoffset = obj.offsetHeight; scrollLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft; 19 scrollTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; 20 obj.style.left = xPos + scrollLeft + "px"; 21 obj.style.top = yPos + scrollTop + "px"; 22 if (yon) {yPos = yPos + step;} else {yPos = yPos - step;} 23 if (yPos < 0) {yon = 1;yPos = 0;} 24 if (yPos >= (height - Hoffset)) {yon = 0;yPos = (height - Hoffset);} 25 if (xon) {xPos = xPos + step;} else {xPos = xPos - step;} 26 if (xPos < 0) {xon = 1;xPos = 0;} 27 if (xPos >= (width - Woffset)) {xon = 0;xPos = (width - Woffset);} 28 } 29 function start(){ obj.visibility = "visible"; interval = setInterval('changePos()', delay); } 30 function pause_resume(){ if(pause){ clearInterval(interval); pause = false; }else{ interval = setInterval('changePos()',delay); pause = true; } } 31 start(); 32 </script>