jQuery封裝的動畫

2021-09-11 10:46:35 字數 1018 閱讀 1894

jquery中的固定動畫

show():相當於display:block 可以加引數,   引數1 為時間 引數2 為動畫完成

hide():相當於display:none 引數1 為時間 引數2 為動畫完成

$("#btn").click(function())

})//隱藏

$("#btn1").click(function())

})//顯示

toggle() show和hide結合版

$("#btn1").click(function())

})

滑動效果

$("#btn").click(function())

})//上滑

$("#btn1").click(function())

})//下滑

上滑和下滑結合版

$("#btn").click(function())

})

淡入淡出動畫

$("#btn").click(function())

})$("#btn1").click(function())

})

透明度動畫

$("#btn").click(function())

$(".block").fadeto(1000,0.5,function())

})

自定義動畫

delay() 動畫的延遲 stop() 停止當前執行的動畫

$("#start").click(function(),1000,function()).delay(1000).animate(,1000)

});$("#stop").click(function())

jquery動畫順序執行 JQuery動畫佇列詳解

jquery動畫存在乙個佇列,當在jquery物件上呼叫動畫方法時,如果物件正在執行某個動畫效果,那麼會把後面的動畫效果,放在乙個佇列裡面,然後按順序執行動畫佇列裡面的每乙個動畫。box.hide 1000,function box.show 1000,function box.fadeout sl...

JS動畫封裝

簡單的運動函式 var demo1 document.getelementbyid demo1 demo1.onmouseover function demo1.onmouseout function var timer 全域性變數 function startmove target else 變速...

動畫以及封裝

offset client scroll 系列 offset系列 offsetleft 獲取元素距離最左邊的距離 如果父元素沒有定位,距離瀏覽器最左側的距離 如果父元素有定位,距離父元素最左側的距離 offsetwidth 獲取元素的寬度,包括border及以內,不包括margin offsethe...