网页视口内广告浮动弹窗

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>

 

 

posted @ 2017-01-19 13:56  ghfjj  阅读(302)  评论(0编辑  收藏  举报