右下角的弹出框

来源：互联网发布：机械手臂编程软件编辑：程序博客网时间：2024/05/22 12:41

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .ad {            position: fixed;            right: 0;            bottom: 0;            width: 230px;            height: 120px;            background-image: url(imgs/ad.jpg);            display: none;        }        .ad span {            position: absolute;            right: 0;            top: 0;            width: 40px;            height: 18px;            background-image: url(imgs/h.jpg);        }    </style>    <script src="../jquery-1.11.1.min.js"></script>    <script>        $(document).ready(function () {            $(".ad")                    .slideDown("normal")                    .slideUp("slow")                    .fadeIn(1000)                    .children("span").click(function () {                        $(this).parent().fadeOut();                    });        });    </script></head><body>    <div class="ad">        <span></span>    </div></body></html>

0 0