Maison > Article > interface Web > Explication détaillée des effets spéciaux de la fermeture de la publicité de boîte flottante à l'aide de js

Explication détaillée des effets spéciaux de la fermeture de la publicité de boîte flottante à l'aide de js

零下一度original: 2017-06-29 09:26:581914parcourir

Notez que vous ne pouvez pas utiliser directement close() pour nommer la fonction publicitaire afin d'éviter les conflits.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>无标题文档</title><style type="text/css">
        #apDiv1 {position: absolute;left: 251px;top: 51px;width: 529px;height: 210px;z-index: 2;background-color: #0000FF;}
        #closebt {position: absolute;top: 0;right: 0;background: red;}
        #apDiv2 {position: absolute;left: 128px;top: 381px;width: 912px;height: 18663px;z-index: -1;background-color: #FF0000;}-->
        </style><script>var xx = 0;function init() {//获取元素的top值            xx = document.getElementById("apDiv1").offsetTop;
        }function aa() {if (document.body.scrollTop) 
        {//兼容谷歌                
        document.getElementById("apDiv1").style.top = xx + document.body.scrollTop + "px";
            } else {//兼容ie，火狐                
            document.getElementById("apDiv1").style.top = xx + document.documentElement.scrollTop + "px";
            }
        }
        window.onscroll = aa;function closetext() {
            document.getElementById("closebt").style.display="none";
            document.getElementById("apDiv1").style.display="none";
        }</script>
        </head>
        <body onload="init()">
        <div id="apDiv1"><span id="closebt"><a href="#" onclick="closetext()">可关闭</a>
        </span></div><div id="apDiv2">
        </div>
        </body>
        </html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle méthode faut-il utiliser pour limiter le nombre de chiffres d'entrée dans js ?Article suivant：Quelle méthode faut-il utiliser pour limiter le nombre de chiffres d'entrée dans js ?

Articles Liés

Voir plus