码迷,mamicode.com
首页 > 其他好文 > 详细

animate方法使用总结

时间:2018-10-19 16:44:39      阅读:593      评论:0      收藏:0      [点我收藏+]

标签:ams   ide   否则   body   pre   his   透明   div   会同   

<script>
$(function(){
/* show()方法和hide()方法会同时修改元素的多个样式属性,即高度、宽度和不透明度:
fadcOut()方法和fadeln()方法只会修改元素的不透明度:
slideDown()方法和slideUp()方法只会改变元素的高度.
animate方法的标准格式
animate(params, speed,callback);
*/
          eg.
$(".panel").click(function(){
//注:1秒后向左移动300px,要使用此方式的前提是被操作的元素必须有position属性,否则没效果
$(this).animate({left:"300px"},1000)
});

});
</script>
</head>
<body>
<div class="panel" style="width: 100px; height: 100px;margin: 100px; background: #647787; position: relative;" ></div>
</body>

animate方法使用总结

标签:ams   ide   否则   body   pre   his   透明   div   会同   

原文地址:https://www.cnblogs.com/LindaBlog/p/9817123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!