网页浮动广告代码

<script type="text/javascript">
var xPos = 10;
var yPos = 10;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img1.style.top = yPos;
function changePos()
{
 width = document.body.clientWidth;
 height = document.body.clientHeight;
 Hoffset = img1.offsetHeight;
 Woffset = img1.offsetWidth;
 img1.style.left = xPos + document.body.scrollLeft;
 img1.style.top = yPos + document.body.scrollTop;
 if (yon)
  {yPos = yPos + step;}
 else
  {yPos = yPos - step;}
 if (yPos < 0)
  {yon = 1;yPos = 0;}
 if (yPos >= (height - Hoffset))
  {yon = 0;yPos = (height - Hoffset);}
 if (xon)
  {xPos = xPos + step;}
 else
  {xPos = xPos - step;}
 if (xPos < 0)
  {xon = 1;xPos = 0;}
 if (xPos >= (width - Woffset))
  {xon = 0;xPos = (width - Woffset);   }
 }
 
 function start()
  {
   img1.visibility = "visible";
  interval = setInterval('changePos()', delay);
 }
 function pause_resume()
 {
  if(pause)
  {
   clearInterval(interval);
   pause = false;}
  else
  {
   interval = setInterval('changePos()',delay);
   pause = true;
   }
  }
 start();
</script>

时间: 2024-10-27 07:30:16

网页浮动广告代码的相关文章

网页浮动图片代码

<div id="flash"> <script type="text/javascript"> var widths = 865; /*显示高度,自行调整*/ var heights = 255; /*显示宽度,自行调整*/ var counts = 5; img1 = new Image(); img1.src = 'images/flash_07.jpg'; img2 = new Image(); img2.src = 'images/

js 右下角浮动广告代码(四种代码)

// 随即广告 document.write("<span id="tmpmsgdiv"></span>"); var randoms=math.floor(math.random()*5+1); if(randoms%2==0){    str="<a href="http://www.111cn.net/?tn=codefans" target="_blank"><img

Javascript实现带关闭按钮的网页漂浮广告代码

 带有关闭功能的漂浮图片的实现方法有很多,下面为大家介绍下使用Javascript是如何实现的,喜欢的额朋友可以了解下  代码如下: <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>带关闭按钮的网页漂浮广告代码</title>  </head>  <bo

Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧

复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absol

兼容ie6,ie7,ie8,firefox左下角浮动广告代码

提示:您可以先修改部分代码再运行 兼容ie6,ie7,ie8,firefox左下角浮动广告代码 子鼠测试. //这一行写了这个DIV是绝对定位,最好再加一下z-index:边框为1px的实线黑色边:距右边有0PX; ID=AD: 提示:您可以先修改部分代码再运行

兼容多浏览左右浮动广告代码

兼容多浏览左右浮动广告代码 var w3c = (document.getElementById) ? true : false; var agt = navigator.userAgent.toLowerCase(); var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") =

网页两侧浮动广告代码

浮动|广告|网页 在BODY内加入以下代码: "< DIV id=floater1 style="Z-INDEX: 100; LEFT: 10px; VISIBILITY: visible; WIDTH: 100px; POSITION: absolute; TOP: 160px; height: 100px;" >   左邊的東西,可以是圖片,表格  < /DIV >  < DIV id=floater style="Z-INDEX:

网页对联广告代码效果大全

对联|对联广告|网页 现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码:   var delta=0.015    var collection;    function floaters() {        this.items    = [];        this.addItem    = functi

详细解析网页漂浮广告代码的含义

广告|网页 网页漂浮广图片特效,这种特效我们总是很喜欢,鼠标指向图片后图片停止移动. <div id="ad" style="position:absolute"><a href="http://www.webjx.com"><img src="/UploadPic/2007-7/200777163350746.jpg" border="0"></a><