本篇內容主要講解“jquery動畫函數(shù)有哪些”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“jquery動畫函數(shù)有哪些”吧!
在灌南等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都網(wǎng)站設計、成都網(wǎng)站制作 網(wǎng)站設計制作按需定制,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站制作,成都營銷網(wǎng)站建設,外貿網(wǎng)站建設,灌南網(wǎng)站建設費用合理。
jquery動畫函數(shù)有17種:1、animate(),用于對被選元素應用自定義的動畫;2、hide(),用于隱藏被選元素;3、show(),用于顯示被選元素;4、fadeOut(),用于通過設置不透明度來隱藏元素;5、fadeTo()等等。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery動畫函數(shù)
下面的表格列出了所有用于創(chuàng)建動畫效果的 jQuery 方法。
方法 | 描述 |
---|---|
animate() | 對被選元素應用"自定義"的動畫 |
clearQueue() | 對被選元素移除所有排隊函數(shù)(仍未運行的) |
delay() | 對被選元素的所有排隊函數(shù)(仍未運行)設置延遲 |
dequeue() | 移除下一個排隊函數(shù),然后執(zhí)行函數(shù) |
fadeIn() | 逐漸改變被選元素的不透明度,從隱藏到可見 |
fadeOut() | 逐漸改變被選元素的不透明度,從可見到隱藏 |
fadeTo() | 把被選元素逐漸改變至給定的不透明度 |
fadeToggle() | 在 fadeIn() 和 fadeOut() 方法之間進行切換 |
finish() | 對被選元素停止、移除并完成所有排隊動畫 |
hide() | 隱藏被選元素 |
queue() | 顯示被選元素的排隊函數(shù) |
show() | 顯示被選元素 |
slideDown() | 通過調整高度來滑動顯示被選元素 |
slideToggle() | slideUp() 和 slideDown() 方法之間的切換 |
slideUp() | 通過調整高度來滑動隱藏被選元素 |
stop() | 停止被選元素上當前正在運行的動畫 |
toggle() | hide() 和 show() 方法之間的切換 |
下面來介紹一些常用動畫函數(shù)。
1、animate()
animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。
該方法通過 CSS 樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動畫效果。
只有數(shù)字值可創(chuàng)建動畫(比如 "margin:30px")。字符串值無法創(chuàng)建動畫(比如 "background-color:red")。
提示:請使用 "+=" 或 "-=" 來創(chuàng)建相對動畫。
示例:通過改變元素的高度,對元素應用動畫:
2、hide()、show()和toggle()
hide() 方法隱藏被選元素。
show()顯示被選元素
toggle():hide() 和 show() 方法之間的切換
示例:隱藏或顯示
元素
這是一個段落。