浮动广告代码

最新推荐文章于 2021-06-09 18:48:43 发布

semonleo

最新推荐文章于 2021-06-09 18:48:43 发布

阅读量760

点赞数

分类专栏： HTML

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>漂浮广告</title>
</head>
<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
visibility: visible; background-color:#FF0000"><a href="这里写地址哟" target="_blank"><img src="images/LOGO.png" border="0"></a></DIV>
<script>
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();
</script>
</body>
</html>

semonleo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浮动广告代码

漂浮广告<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;visibility: visible; background-color:#FF0000">var xPos = 300;var yPos = 200; var step
复制链接

扫一扫

专栏目录