今天我要向大家介紹一些關(guān)于jQuery animate的案例。

代碼1：讓元素向右滑動
$('.box').animate({left: '+=100px'}, 1000);

這個(gè)代碼會讓class為box的元素向右滑動100像素，滑動時(shí)間為1秒鐘。

代碼2：讓元素在300毫秒內(nèi)向上滑動
$('.box').animate({top: '-=100px'}, 300);

使用這個(gè)代碼會讓class為box的元素向上滑動100像素，滑動時(shí)間為300毫秒。

代碼3：同時(shí)動畫多個(gè)屬性
$('.box').animate({
left: '+=100px',
top: '-=50px',
opacity: 0.5
}, 1000);

這個(gè)代碼同時(shí)動畫了元素的left、top和opacity屬性，讓元素向右滑動100像素，向上滑動50像素，并且透明度變成0.5，滑動時(shí)間為1秒鐘。

代碼4：讓元素動畫完成后執(zhí)行回調(diào)函數(shù)
$('.box').animate({left: '+=100px'}, 1000, function() {
console.log('動畫完成！');
});

這個(gè)代碼會讓元素向右滑動100像素，滑動時(shí)間為1秒鐘。當(dāng)動畫完成后，控制臺上會打印出“動畫完成！”。

以上就是我為大家?guī)淼囊恍﹋Query animate案例，希望對大家有所幫助。