【Jquery】jquery 基本的動畫
看到網頁上的很多很炫很酷的特效都是用jquery製作的 因為它的語句很簡潔 高效
這個就是它的魅力所在 學習它就是學習每個庫的api 直接呼叫就行了
廢話不多說了 下面就是我這一階段的初學體會了:
動機就是:自己在網上下載的特效程式碼看不懂 因為之前也沒有接觸過 沒法使用 所以自己就先從基礎語法開始學習 瞭解了jquery就是js的一個類庫 由類庫開發者將js封裝好
使用者只需要瞭解api 使用它了
優點:比js的語句簡潔 更加高效
下面就以1.42版本為例學習體會:
主要就是動畫的使用:
包含了
元素的隱藏與顯示(hide(speed,[callback] ),show(speed,[callback])),交替顯示與隱藏(toggle(speed,[callback])),
滑動效果(slideUp(speed,[callback])),(slideDown(speed,[callback])),交替slideToggle(speed,[callback])
淡入淡出效果(fadeIn(speed,[callback]),fadeOut(speed,[callback])),自定義不透明度(fadeTo(speed,opacity,[callback]))
自定義動畫(animate(style,speed,easing,[callback]))注:此style不是css中的樣式 例:{left:‘150px’}
stop(stopAll,gotoEnd) stopAll(true、false)
相關文章
- jQuery的三組基本動畫與自定義動畫總結jQuery動畫
- jquery的動畫jQuery動畫
- 【Jquery】jquery 自定義動畫jQuery動畫
- JQuery動畫jQuery動畫
- (jQuery) jQuery中的事件與動畫(上)jQuery事件動畫
- jQuery 效果 – 動畫jQuery動畫
- jQuery的基本使用jQuery
- jQuery動畫—自定義動畫animate()jQuery動畫
- ajax +jquery 基本jQuery
- jQuery 效果 – 停止動畫jQuery動畫
- jQuery 動畫 - animate() 方法jQuery動畫
- jQuery中動畫的實現jQuery動畫
- 搞定動畫之 JQuery 中的自定義動畫動畫jQuery
- jQuery 動畫效果 與 動畫佇列jQuery動畫佇列
- jquery ajax基本用法jQuery
- jQuery-錨點動畫jQuery動畫
- [jQuery] 事件和動畫薦jQuery事件動畫
- jQuery動畫都是非同步的jQuery動畫非同步
- 前端基礎-jQuery的動畫效果前端jQuery動畫
- jQuery的動畫處理總結jQuery動畫
- jQuery: 動畫佇列與停止動畫 stopjQuery動畫佇列
- JQuery基本知識彙總;JQuery常用方法;淺入瞭解JQueryjQuery
- 導航選單(動畫)--- jQuery動畫jQuery
- JQuery3:動畫和特效jQuery動畫特效
- Jquery UI ---autocomplete的基本用法jQueryUI
- jQuery動畫效果的刪除行效果jQuery動畫
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery元素動畫方式滑動效果jQuery動畫
- 放棄使用jQuery實現動畫jQuery動畫
- jQuery基本功能——事件jQuery事件
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- jQuery實現的動畫簡單例項jQuery動畫單例
- 1.20 JQuery3:動畫和特效jQuery動畫特效
- jquery動畫佇列簡單介紹jQuery動畫佇列
- jQuery背景色漸變動畫效果jQuery動畫
- jQuery常用的動畫函式簡單介紹jQuery動畫函式
- jQuery動畫方式設定元素的透明度jQuery動畫