jquery版右下角弹窗特效

时间：2020-09-07|栏目：JavaScript|点击：次 |我要投稿

<!DOCTYPE html>
<html>
 
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    .ad {
      position: fixed;
      right: ;
      bottom: ;
      width: 230px;
      height: 120px;
      background-image: url(imgs/ad.jpg);
      display: none;
    }
 
    .ad span {
      position: absolute;
      right: ;
      top: ;
      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()
        .children("span").click(function() {
          $(this).parent().fadeOut();
        });
    });
  </script>
</head>
 
<body>
  <div class="ani">我是内容</div>
  <div class="ad">
    <span></span>
  </div>
</body>
 
</html>

(资源库 www.zyku.net)

jQuery 右下角弹窗特效

上一篇：javaScript实现世界各地时间显示

栏目：JavaScript

下一篇：JS 中的||和&&符号

本文标题：jquery版右下角弹窗特效

本文地址：https://www.zyku.net/js/1983.html

更多互联网推荐教程

JavaScript

jquery版右下角弹窗特效

您可能感兴趣的文章

阅读排行

猜你喜欢