<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <style> *{margin:0;padding:0} .view{width: 200px;height:0;margin:0 auto;background: #000;display:none} .hit{display: block;margin: 0 auto} </style> <body> <div class="view">asddddddddddd</div> <button class="hit">点击</button> </body> <script> $(".hit").on("click",function(){ $(".view").animate({height:"200px"},2000) .css("display","block") }) </script> </html>
$(".hit").on("click",function(){ $(".view").css({position:"relative",top:"100px",height:"0"}).animate({height:"200px",top:0},2000) .css("display","block") })
1.4m articles
1.4m replys
5 comments
56.7k users