可关闭的飘窗代码

可关闭的飘窗代码:

<div id="FlAD" >
    <p  onClick="img.style.visibility = 'hidden'">关闭</p>
    <a href="飘窗链接" target="_blank" rel="external nofollow"  target="_blank" title="飘窗文字"><img src="飘窗路径" alt="" width="160"  /></a>
</div>
<script type="text/javascript">
    var img = document.getElementById('FlAD');
    var xPos = 200;
    var yPos = 200;
    var step = 1;
    var delay = 40;
    var height = 0;
    var Hoffset = 0;
    var Woffset = 0;
    var yon = 0;
    var xon = 0;
    var pause = true;
    var interval;
    img.style.top = yPos;
    function changePos() {
        width = document.documentElement.clientWidth || document.body.clientWidth;
        height = document.documentElement.clientHeight || document.body.clientHeight;
        scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
        scrollTop = document.documentElement.scrollLeft || document.body.scrollTop;
        Hoffset = img.offsetHeight;
        Woffset = img.offsetWidth;
        img.style.left = xPos + scrollLeft +'px';
        img.style.top = yPos + scrollTop +'px';
        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() {
        img.visibility = "visible";
        interval = setInterval('changePos()', delay);
    }
    start();
</script>

想了解更多关于可关闭的飘窗代码的内容,请扫微信
或微信搜索jiemingpan

本文链接:http://www.soufuzi.com/jianzhan/1671

(0)
上一篇 2023-12-12 10:10:24
下一篇 2023-12-12 10:10:24

相关推荐

  • 什么是CPP广告

    cpp(Cost Per Person)按有效接触受众计费,是移动广告计费的一种形式,主要为规避广告费用风险,只有对选定的移动用户展示广告达到3次以后,才按每三次为单位结算费用。 cpp广告的特点 cpp广告的特点是广告展示不收费,点击不收费,只有产生了交易才收费,不论交易的金额多大,一次交易收一次费用,对于广告主来说可以减少广告费用的损失。 cpp广告缺点 因此是按照交易次数来向广告平台来支付费用的,

    2023-02-03 10:28:47
  • 小程序+公众号一体化微信商城管理平台

    小程序+公众号一体化微信商城管理平台 公众号菜单自定义发布 微信图文图片素材管理 商品多规格SKU自定义上架 分类自定义设置 用户管理 用户自定义标签,了解用户消费行为 订单管理 实时掌握商品交易详情 物流闪电发货 实时掌握物流追踪状态

    2024-03-21 00:26:51