<!DOCTYPE html><html><head> <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>
1 回答
莫回无
TA贡献1865条经验 获得超7个赞
$(".hit").on("click",function(){
$(".view").css({position:"relative",top:"100px",height:"0"}).animate({height:"200px",top:0},2000)
.css("display","block")
})
添加回答
举报
0/150
提交
取消