我的第九课：jQuery 停止动画

最新推荐文章于 2022-04-14 14:34:04 发布

没有一明天

最新推荐文章于 2022-04-14 14:34:04 发布

阅读量580

点赞数

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20415195

版权

jquery学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery 停止动画的代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
    <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
  <script type="text/javascript">
  $(document).ready(
       function(){
           $(".dian").click(
     function()
     {
        $(".xia").slideDown(5000);
     }
           );
           $("button").click(
                function()
                {
                   $(".xia").stop();
                }
           );
       }
  );
    </script>
   <style type="text/css">
         div.dian,div.xia{
             background: gray;
         }
          div.xia{
             background: gray;
             display: none;
         }
   </style>
</head>
<body>
     <button>停止滑动</button>
     <div class="dian" >点击下滑</div>
     <div class="xia" >下滑的内容</div>

</body>
</html>