jquery版右下角弹窗效果

最新推荐文章于 2024-08-13 22:07:58 发布

dcw43465

最新推荐文章于 2024-08-13 22:07:58 发布

阅读量91

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sj1988/p/6755746.html

版权

<!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);
      cursor: pointer;
    }
  </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="ani">我是内容</div>
  <div class="ad">
    <span></span>
  </div>
</body>

</html>

转载于:https://www.cnblogs.com/sj1988/p/6755746.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dcw43465

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery版右下角弹窗效果

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .ad { position: fixed;...
复制链接

扫一扫