Js弹性漂浮广告代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js弹性漂浮广告代码</title>
</head>
<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
visibility: visible;" onMouseOver="pause_resume()" onMouseOut="pause_resume()"><a href="/" target="_blank"><img src="/jscss/demoimg/201207/pic.gif" width="80" height="80" border="0"></a></DIV>
<SCRIPT language="JavaScript">
var xPos = 300;
var yPos = 200;
var step = 1;
var delay = 5;
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>
</body>
</html>

转载于:https://www.cnblogs.com/handsomer/p/4117932.html

Js弹性漂浮广告代码相关推荐

JS随机漂浮广告代码
 <div id="float" style="position:absolute; z-index:3;(我建议大家把这 ...
js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
html漂浮广告随页面移动代码,JS漂浮广告代码，慢慢漂移的广告JS代码
JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...
php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;backgroun ...
js漂浮广告代码(简洁!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码
html head -="-Type"=";=GBK" 带关闭按钮的网页漂浮广告代码 body divid="img"style=" ...
php中的网页漂浮代码,JavaScript_Javascript实现带关闭按钮的网页漂浮广告代码，复制代码代码如下: html - phpStudy...
Javascript实现带关闭按钮的网页漂浮广告代码带关闭按钮的网页漂浮广告代码 X ff.js代码 var xPos = 20; var yPos = document.body.clientHe ...
QQ在线咨询漂浮广告代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

Js弹性漂浮广告代码

Js弹性漂浮广告代码相关推荐

最新文章

热门文章