jQuery 效果 - animate() 方法

jQuery အကျယ်အဝန် စာအုပ်

实例

改变 "div" 元素的高度：

$(".btn1").click(function(){
  $("#box").animate({height:"300px"});
});

亲自试一试

定义和用法

animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。

မှတ်ချက်使用 "+=" 或 "-=" 来创建相对动画（relative animations）。

语法 1

$().animate(အုပ်စု,speed,easing,callback)
အချက်အလက် ဖော်ပြ
အုပ်စု

必需。规定产生动画效果的 CSS 样式和值。

可能的 CSS 样式值（提供实例）：

မှတ်ချက်CSS အအုပ်စု သုံးသပ်ရေး အတွက် ပုံစံအရာ ကို ပြုလုပ်သည်
speed

အခွင့်အရေး

အချက်အလက်

  • မိနစ်
  • "slow"
  • "normal"
  • "fast"
easing

အခွင့်အရေး

အခွင့်အရေး အက္ခရာ

  • swing
  • linear

အခွင့်အရေး အက္ခရာ
callback

အချက်အလက်

အခွင့်အရေး နှင့် ပတ်သက်၍ ပိုမိုသိရှိရန် ကျွန်ုပ်၏ jQuery အခွင့်အရေး ယခု ခွဲခြားခြင်း

ဘာသာ 2

$().animate(အုပ်စု,အချက်အလက်)
အချက်အလက် ဖော်ပြ
အုပ်စု အချက်အလက်
အချက်အလက်

အချက်အလက်

အချက်အလက်

  • speed - အခြေအနေ ကို အသုံးပြုသော အခြေအနေ
  • easing - အသုံးပြုသော easing အက္ခရာ
  • callback - အခြေအနေ ကို အသုံးပြုသော အက္ခရာ
  • step - အခြေအနေ ကို အသုံးပြုသော အက္ခရာ
  • queue - တရားဖြစ်သော အချက်
  • specialEasing - မူကား အုပ်စု တစ်ခုခုနှင့် အချို့ချို့ ပြင်းအေးအေး အစိတ်အစိတ် ကို ပြင်းအေးအေး အစိတ်အစိတ် ပြင်းအေးအေး အစိတ်အစိတ် ပြင်းအေးအေး အစိတ်အစိတ် ပြင်းအေးအေး အစိတ်အစိတ်

jQuery အကျယ်အဝန် စာအုပ်