jQuery中實(shí)現(xiàn)動畫效果的基本操作介紹
動畫效果
show():顯示
hide()隱藏
$().toggle():顯示和隱藏效果切換
都可以傳入?yún)?shù),speed.
fadeOut(淡出)
fadeIn(淡入)
fadeToggle();淡入淡出切換
fadeTo(2000,0.3)將圖片顯示到透明度為30%的程度
滑動顯示
slideDown():
slideUp():
slideToggle():
都可以傳入一個speed參數(shù)。
$(':animated');獲取正在執(zhí)行動畫的元素。
將正在執(zhí)行動畫的元素停止:
$(':animated').stop():停止當(dāng)前的動畫。
stop(true)表示清除隊(duì)列中的所有的動畫,即動畫立即停止,如果不傳遞參數(shù),只是立刻停止當(dāng)前的動畫。
$(':animated').stop(false,true)第二個參數(shù)為true表示停止當(dāng)前正在執(zhí)行的動畫,并且將元素設(shè)置為當(dāng)前動畫執(zhí)行結(jié)束處的位置。
- jQuery 選擇器、DOM操作、事件、動畫
- jQuery使用動畫隊(duì)列自定義動畫操作示例
- 詳解JQuery基礎(chǔ)動畫操作
- JQuery常用簡單動畫操作方法回顧與總結(jié)
- jQuery動畫animate方法使用介紹
- jQuery實(shí)現(xiàn)切換頁面過渡動畫效果
- 分享8款優(yōu)秀的 jQuery 加載動畫和進(jìn)度條插件
- Jquery中使用show()與hide()方法動畫顯示和隱藏圖片
- jQuery動畫與特效詳解
- jQuery插件Slider Revolution實(shí)現(xiàn)響應(yīng)動畫滑動圖片切換效果
- jQuery操作動畫完整實(shí)例分析
相關(guān)文章
jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下2016-09-09使用jQuery Ajax功能時需要注意的一個問題(內(nèi)存溢出)
最近發(fā)現(xiàn)jQuery越來越火,用它的人也越來越多。jQuery最強(qiáng)大的亮點(diǎn)莫過于它的CSS3 selector和極其簡單的Ajax請求調(diào)用2012-05-05Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用
這篇文章主要介紹了Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用,需要的朋友可以參考下2014-06-06