0
点赞
收藏
分享

微信扫一扫

jquery 滑动动画

四月Ren间 2022-05-14 阅读 84

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<head>

<!--引入百度库-->

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

</script>

<title></title>


<script>

$(document).ready(function(){

               $("button").click(function(){

                      /* $("#mm").fadeToggle();  

                         $("#cc").fadeToggle();   */

                    $("#mm").slideToggle("slow")  // id #  滑动淡入淡出

                    $("#cc").slideToggle("fast"); 

               });

             });

</script>

</head>


<body>

<button style=" height: 30px; width: 100px;">Start Animation</button>


<div  id="mm" style="background:#98bf21;height:100px;width:100px;">

</div>


        <div id="cc" style="background-color: burlywood; height: 100px; width:100px;"> </div>


</body>

</html>


举报

相关推荐

0 条评论