首页 > 代码库 > jquey动画
jquey动画
语法
$(selector).animate({params},speed,callback);
- 必需的 params 参数定义形成动画的 CSS 属性。
- 可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
- 可选的 callback 参数是动画完成后所执行的函数名称。
几个要点:
- css属性值使用相对值
- css属性使用预定义值("show"、"hide" 或 "toggle")
- 动画队列
实例:
$("button").click(function(){ $("div").animate({ "left": "500px", "opacity": "0" }, "slow", function(){ console.log("第一步"); }); $("div").animate({ "top": "+=300px", "background-color": "yellow", "opacity": "1" }, "fast", function(){ console.log("第二步"); }); $("div").animate({ "left": "-=500px", "background-color": "purple" }, "slow"); $("div").animate({ "top": "0px", "background-color": "red" }, "fast"); $("div").animate({ "height": "hide" }, "fast");});
jquey动画
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。