可关闭的飘窗代码

可关闭的飘窗代码:

<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

相关推荐

  • SEO、SEM的区别?

    1、sem效果比seo快sem做的是竞价排名,机制类似于拍卖的价高者得,只要钱到位,排名马上就能上去。 虽然我们一般都开玩笑这么说,但是严谨的讲,竞价排名是以质量度*出价的分值高低决定最终排名的,也不是完全就是钱的多少决定排名位置。 而seo是个慢工细活,做排名需要过程,且竞争越大的词难度越大时间越久,另外快速排名是不被推荐的黑帽手段且效果不长久。 2、sem审核严格门槛高黑色灰色或是其他不正规的行业,想做类似竞价这样的竞价排名是不被允许的,之

    2020-01-07 23:15:51
  • Ventusky-交互式天气预报网站

    Ventusky是一款交互式天气预报应用和网站,它通过直观的可视化图表显示全球天气数据。该平台由捷克公司InMeteo创建,旨在为用户提供详细且易于理解的天气信息。 Ventusky主要特点和功能 实时天气数据:Ventusky提供全球范围内的实时天气数据,包括温度、降水量、风速、气压、云量、雷电等。 天气预报:用户可以查看未来数天的天气预报,了解未来的气候趋势。

    2024-08-14 12:02:06