jquery影片部分自己寫一寫demo練習一下會有更好的理解,
我自己也是寫了幾個練手,可以到github倉庫獲取:https://github.com/qiuqiu2945/jquery
jquery 影片
隱藏與顯示
- hide(ms,callback)——隱藏
- show()——顯示
- toggle()——隱藏或者顯示
- 可以帶一個整數引數,表示影片的時間;callback引數表示回呼函式
- 影片效果是向左上角收碩訓打開的,
淡入淡出
- fadeIn(ms,callback)——淡入
- fadeOut()——淡出
- fadeToggle()——淡入/淡出
- fadeTo(ms, 透明度)——設定透明度
- 1、2、3、4都可以帶毫秒引數,表示影片執行時間;都有最后一個引數callback回呼函式,在影片之后之后呼叫,(這兩個引數都是可以省略的)
- 4 第二個引數為 0-1,表示透明度
滑動
- slideDown()——元素下滑顯示
- slideUp()——元素上滑隱藏
- slideToggle()——下滑/上滑
- 第一個引數為時間
- 第二個引數為回呼
animate
.animate(object,ms,style,callback)
-
object 是一個包含樣式變化引數的物件,例如:
{width:"200",height:"100",left:"100",opacity:"0.5"},
表示將指定的元素將變化為物件內指定的樣式,Note:
- 樣式名字需寫為駝峰型
- 不能操作所有的樣式
- 樣式的變化可以是運算式:+=100
- 樣式值還可以是影片,例如:toggle
-
ms 為影片執行時間
-
style 為影片執行效果:"linear" / "swing",線性或曲線型變化
-
callback 為影片回呼
delay(ms)
延遲下一個影片執行時間
清除/停止影片
clearQueue()
清除未執行的影片,呼叫之后,執行完當前影片就不再執行了,
- 可以接收影片名字作為引數,清除這個指定的影片
finish()
呼叫后,當前的元素立即變成影片執行完畢的狀態
stop()
停止當前元素正在執行的影片
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/2384.html
標籤:jQuery
