jQuery中實(shí)現(xiàn)動(dòng)畫效果的基本操作介紹
更新時(shí)間：2013年04月16日 10:31:37 作者：
本篇文章小編將為大家介紹，在jQuery中實(shí)現(xiàn)動(dòng)畫效果的基本操作介紹，需要的朋友可以參考一下
動(dòng)畫效果
show():顯示
hide()隱藏
$().toggle():顯示和隱藏效果切換
都可以傳入?yún)?shù)，speed.
fadeOut(淡出)
fadeIn(淡入)
fadeToggle();淡入淡出切換
fadeTo(2000,0.3)將圖片顯示到透明度為30%的程度
滑動(dòng)顯示
slideDown()：
slideUp():
slideToggle():
都可以傳入一個(gè)speed參數(shù)。
$(':animated');獲取正在執(zhí)行動(dòng)畫的元素。
將正在執(zhí)行動(dòng)畫的元素停止：
$(':animated').stop():停止當(dāng)前的動(dòng)畫。
stop(true)表示清除隊(duì)列中的所有的動(dòng)畫，即動(dòng)畫立即停止，如果不傳遞參數(shù)，只是立刻停止當(dāng)前的動(dòng)畫。
$(':animated').stop(false,true)第二個(gè)參數(shù)為true表示停止當(dāng)前正在執(zhí)行的動(dòng)畫，并且將元素設(shè)置為當(dāng)前動(dòng)畫執(zhí)行結(jié)束處的位置。
您可能感興趣的文章:
- jQuery 選擇器、DOM操作、事件、動(dòng)畫
- jQuery使用動(dòng)畫隊(duì)列自定義動(dòng)畫操作示例
- 詳解JQuery基礎(chǔ)動(dòng)畫操作
- JQuery常用簡單動(dòng)畫操作方法回顧與總結(jié)
- jQuery動(dòng)畫animate方法使用介紹
- jQuery實(shí)現(xiàn)切換頁面過渡動(dòng)畫效果
- 分享8款優(yōu)秀的 jQuery 加載動(dòng)畫和進(jìn)度條插件
- Jquery中使用show()與hide()方法動(dòng)畫顯示和隱藏圖片
- jQuery動(dòng)畫與特效詳解
- jQuery插件Slider Revolution實(shí)現(xiàn)響應(yīng)動(dòng)畫滑動(dòng)圖片切換效果
- jQuery操作動(dòng)畫完整實(shí)例分析
相關(guān)文章
這篇文章主要介紹了jQuery Select下拉框操作小結(jié)(推薦)的相關(guān)資料,非常實(shí)用，在前端開發(fā)經(jīng)?？梢杂玫?，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Jquery如何在指定DIV加載HTML,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
本篇文章是對jQuery中的排序組件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
使用jQuery Ajax功能時(shí)需要注意的一個(gè)問題(內(nèi)存溢出)
最近發(fā)現(xiàn)jQuery越來越火，用它的人也越來越多。jQuery最強(qiáng)大的亮點(diǎn)莫過于它的CSS3 selector和極其簡單的Ajax請求調(diào)用2012-05-05
jQuery獲取動(dòng)態(tài)添加元素的方法詳解
這篇文章主要介紹了jQuery獲取動(dòng)態(tài)添加元素的方法詳解,jQuery 是一個(gè)高效、精簡并且功能豐富的 JavaScript 工具庫,它提供的 API 易于使用且兼容眾多瀏覽器，這讓諸如 HTML 文檔遍歷和操作、事件處理、動(dòng)畫和 Ajax 操作更加簡單,需要的朋友可以參考下2023-08-08
要想使用該jQuery插件，需要把$(selector).boxy();放在document.ready中。2011-02-02
Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用
這篇文章主要介紹了Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用,需要的朋友可以參考下2014-06-06
這篇文章向大家推薦了一款基于jquery實(shí)現(xiàn)的簡潔文件上傳表單樣式，實(shí)現(xiàn)效果大方精致，極力推薦給大家，希望大家可以喜歡。2015-11-11
jquery 學(xué)習(xí)之二 屬性(類),需要的朋友可以參考下。2010-11-11