欢迎来到代码驿站！

当前位置：首页 >

浮动广告js类实现

时间：2021-12-14 10:42:52|栏目：|点击：次

<script> 
var Rimifon = { 
    "Ads" : new Object, 
    "NewFloatAd" : function(imgUrl, strLink) 
    { 
        var ad = document.createElement("a"); 
        ad.DirV = true; 
        ad.DirH = true; 
        ad.AutoMove = true; 
        ad.Image = new Image; 
        ad.Seed = Math.random(); 
        ad.Timer = setInterval("Rimifon.Float(" + ad.Seed + ")", 50); 
        this.Ads[ad.Seed] = ad; 
        ad.Image.Parent = ad; 
        ad.style.position = "absolute"; 
        ad.style.left = 0; 
        ad.style.top = 0; 
        ad.Image.src = imgUrl; 
        ad.Image.onmouseover = function(){this.Parent.AutoMove = false;} 
        ad.Image.onmouseout = function(){this.Parent.AutoMove = true;} 
        if(strLink) 
        { 
            ad.href = strLink; 
            ad.Image.border = 0; 
            ad.target = "_blank"; 
        } 
        ad.appendChild(ad.Image); 
        document.body.appendChild(ad); 
        return ad; 
    }, 
    "Float" : function(floatId) 
    { 
        var ad = this.Ads[floatId]; 
        if(ad.AutoMove) 
        { 
            var curLeft = parseInt(ad.style.left); 
            var curTop = parseInt(ad.style.top); 
            if(ad.offsetWidth + curLeft > document.body.clientWidth + document.body.scrollLeft - 1) 
            { 
                curLeft = document.body.scrollLeft + document.body.clientWidth - ad.offsetWidth; 
                ad.DirH = false; 
            } 
            if(ad.offsetHeight + curTop > document.body.clientHeight + document.body.scrollTop - 1) 
            { 
                curTop = document.body.scrollTop + document.body.clientHeight - ad.offsetHeight; 
                ad.DirV = false; 
            } 
            if(curLeft < document.body.scrollLeft) 
            { 
                curLeft = document.body.scrollLeft; 
                ad.DirH = true; 
            } 
            if(curTop < document.body.scrollTop) 
            { 
                curTop = document.body.scrollTop; 
                ad.DirV = true; 
            } 
            ad.style.left = curLeft + (ad.DirH ? 1 : -1) + "px"; 
            ad.style.top = curTop + (ad.DirV ? 1 : -1) + "px"; 
        } 
    } 
} 
</script><body><div style="width:30cm;height:40cm"></div></body><script> 
Rimifon.NewFloatAd("https://www.jb51.net/logos.gif", "http://www.baidu.com"); 
var ad = Rimifon.NewFloatAd("https://www.jb51.net/logos.gif"); 
ad.style.left = 500; 
ad.style.top = 456; 
ad.Image.width = 88; 
ad.Image.height = 31; 
</script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：vmware12中安装 RedHat RHEL7.2系统的详细步骤(图文)

栏目：

下一篇：docker 容器上编译 go 程序提示找不到文件问题

本文标题：浮动广告js类实现

本文地址：http://www.codeinn.net/misctech/186822.html

阅读排行

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：914707363 | 邮箱：codeinn#126.com(#换成@)

Copyright © 2020 代码驿站版权所有