热门关键字:
jquery > jquery教程 > jquery教程 > jQuery animate- 操作多个属性

jQuery animate- 操作多个属性

422
作者:管理员
发布时间:2021/2/3 13:59:54
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3777
请注意,生成动画的过程中可同时使用多个属性:


实例
$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
}); 
亲自试一试
提示:可以用 animate() 方法来操作所有 CSS 属性吗?


是的,几乎可以!不过,需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。


同时,色彩动画并不包含在核心 jQuery 库中。


如果需要生成颜色动画,您需要从 jQuery.com 下载 Color Animations 插件。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐