可关闭的飘窗代码

可关闭的飘窗代码:

<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

相关推荐

  • K8S官网

    K8s(Kubernetes)的官方网站是 https://kubernetes.io/。这个网站提供了关于Kubernetes的各种文档、教程、API参考、社区资源以及最新的版本发布信息等。 Kubernetes 也称为 K8s,是用于自动部署、扩缩和管理容器化应用程序的开源系统。 它将组成应用程序的容器组合成逻辑单元,以便于管理和服务发现。Kubernetes 源自Google

    2024-08-26 15:36:07
  • 北京外贸网站建设方案规划

    在全球化背景下,外贸企业通过网站展示和推广产品已成为趋势。对于北京的外贸企业而言,建设一个高效、专业的外贸网站是打开国际市场的重要途径。为了确保外贸网站建设能够成功并带来显著的效果,合理的规划至关重要。以下是针对北京外贸网站建设的详细规划方案。 一. 明确目标用户与市场定位 外贸网站的建设应从目标用户出发,深入分析目标市场的特点。北京的外贸企业需根据自己的产品特性选择目标市场,例如东南亚、欧美或中东等地区。在规划过程中,了解目

    2024-09-14 23:16:26