Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS全屏漂浮广告代码

JS全屏漂浮广告代码

发布时间:2014-08-29   编辑:www.jquerycn.cn
JS全屏漂浮广告代码,有需要的朋友可以参考下。

JS全屏漂浮广告代码。

复制代码 代码如下:

<div id="img" style="position:absolute;; width: 200; height: 151"><img src="http://www.xxx.com/Wallpaper/b.jpg" border="0"></div>
<script LANGUAGE="JavaScript">
var xPos = 20;
var yPos = 10;
img.style.left= xPos;
img.style.top = yPos;
var step = 1;
var delay = 30;
var width,height,Hoffset,Woffset;
var y = 1;
var x = 1;
var interval;
img.visibility = "visible";
function changePos()
{
  width = document.body.clientWidth;
  height = document.body.clientHeight;
  Hoffset = img.offsetHeight;
  Woffset = img.offsetWidth;
  if (y)
  {
    yPos = yPos + step;
  }
  else
  {
    yPos = yPos - step;
  }
  if (yPos < 0)
  {
    y = 1;
    yPos = 0;
  }
  if (yPos >= (height - Hoffset))
  {
    y = 0;
    yPos = (height - Hoffset);
  }
  if (x)
  {
    xPos = xPos + step;
  }
  else
  {
    xPos = xPos - step;
  }
  if (xPos < 0)
  {
    x = 1;
    xPos = 0;
  }
  if (xPos >= (width - Woffset))
  {
    x = 0;
    xPos = (width - Woffset);
  }
  img.style.left = xPos + document.body.scrollLeft;
  img.style.top = yPos + document.body.scrollTop;
}
function start()
{
  interval = setInterval('changePos()', delay);
}
function pause_resume()
{
    clearInterval(interval);
}
start();
</script>

您可能感兴趣的文章:
js全屏漂浮广告代码 移入光标停止移动
JS全屏漂浮广告、移入光标停止移动
JS全屏漂浮广告代码
Js全屏漂浮广告效果的代码示例
js漂浮广告代码 js弹性漂浮广告
js漂浮广告代码大全
js漂浮广告代码示例
js右侧漂浮广告的小例子
漂浮广告的经典js代码
js实现漂浮广告效果的代码

关键词: 漂浮广告代码  全屏漂浮   
[关闭]