JS随机漂浮广告代码

2019-03-08 network gramer 点击: 评论
HTML代码(index html):<html><head><meta http-equiv="Content-Type" content="text html; charset=gb2312" ><meta name="key

天晟网络 小编在整理编程教程 > JavaScript > 看到JS随机漂浮广告代码,下面是小编47为您找到的38056相关内容,希望47对您有帮助。

HTML代码(index.html):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS随机漂浮广告代码 免费教程 www.timsion.com" />
<meta name="description" content="JS随机漂浮广告代码 免费教程 www.timsion.com" />
<title>JS随机漂浮广告代码 免费教程 www.timsion.com</title>
</head>
<body>
<div id="img1" style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px; visibility: visible;"> <a href="http://www.timsion.com" target="_blank"> <img src="images/float.png" width="80" height="80" border="0"></a> </div>
<div align="center">
  <p>
    <script src="js/js.js"></script>
  </p>
</div>
</body>
</html>


JS代码(js.js):
var xPos = 300;
var yPos = 200;
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();

本文涉及文件下载:
http://yunpan.cn/cja77ZVSHecbQ  (访问密码 3596)

转载文章请标明来自天晟网 Timsion.Com > 编程教程 > JavaScript >
标题:JS随机漂浮广告代码
网址:http://www.timsion.com/javas/38056.html

关键词:随机漂浮 广告代码

上一篇:jquery实现键盘左、右方向键翻页的方法
下一篇:JS三级下拉导航菜单

免责声明:以上内容来自互联网和用户投稿,不代表本站的观点和立场,版权归原作者所有,如有侵权,请与我们联系。