zoukankan html css js c++ java

jquery版右下角弹窗效果

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    .ad {
      position: fixed;
      right: 0;
      bottom: 0;
       230px;
      height: 120px;
      background-image: url(imgs/ad.jpg);
      display: none;
    }
    
    .ad span {
      position: absolute;
      right: 0;
      top: 0;
       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>

查看全文

相关阅读:
bzoj1711
bzoj1458
bzoj1433
hdu2732
bzoj1066
hdu3549
poj1698
[ZJOI2007]时态同步
 SA 学习笔记
 [LUOGU]2016 Sam数

原文地址：https://www.cnblogs.com/sj1988/p/6755746.html