欢迎来到资源库(www.zyku.net)

JavaScript

当前位置:首页 > 网页制作 > JavaScript

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)

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

栏    目:JavaScript

下一篇:返回列表

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

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

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

沪ICP备15050984号-12