jQuery -影片
jQuery影片分為三個部分，非自定義影片，自定義影片，和全域影片設定，
一、非自定義影片： 1.顯示、隱藏： show( ) 、hide( )、toggle() 兩種用法：1）不傳引數，代表直接顯示隱藏， 2） 向方法中傳遞一個引數，這個引數為number型別，代表影片的執行時間，會有顯示隱藏的影片效果， 示例:show(100)、hide(100)、toggle(100) 除此之外，jQuery還為影片方法提供了三種字串形式的引數：fast、slow、和空字串'' 示例:show('fast')、hide('slow')、toggle('') 三種引數的執行時間分別為 ：'fast' ：200毫秒 ''(默認值):400毫秒 'slow'：600毫秒 2.滑動： slideUp()：向上滑動（隱藏） slideDown():向下滑動（顯示） slideToggle()：滑動（自動） 3.淡入淡出： fadeOut():淡出（隱藏） fadeIn():淡入（顯示） fadeToggle():顯示隱藏（）自動 fadeTo()，該方法接受兩個引數， 引數1是影片執行的時間，引數2是期望達到的透明度， 二、自定義影片 animate()方法 animate()方法有三個引數，分別是影片目標(target),影片執行時間，回呼函式，只有第一個引數是必填引數， animate()方法的使用： 將元素屬性變換為自定義影片中的目標屬性，所有引數中的屬性一起改變，
animate({ 'width':'200px'， 'height':'200px' })
設定的屬性，支持運算，
animate({ 'width':'+=200px' })
如果想要影片按照順序執行（執行完第一個影片之后，再執行下一個影片）有三種方法：
1）借助影片的回呼函式（操作不同元素的時候，推薦使用回呼函式）
$('input').click(function(){ $('div').animate({ 'width':'400px', 'height':'400px', },function(){ $('div').animate({ 'width':'200px', 'height':'200px' }) })})
2）將影片效果分開寫
$('input').click(function(){ $('div').animate({ 'width':'400px', 'height':'400px', }) $('div').animate({ 'width':'200px', 'height':'200px' })})
3）連綴（操作同一元素的時候，推薦使用連綴）
$('input').click(function(){ $('div').animate({ 'width':'400px', 'height':'400px', }).animate({ 'width':'200px', 'height':'200px' })})
三、影片及相關方法
1.stop()方法 這個方法是停止影片的方法，他有兩個引數，都是布林值， 引數1：代表是否清除影片佇列；引數2：代表是否直接運行到最后結果 2.delay()方法 延時執行，該方法有一個引數，是延時執行的毫秒數， 3.影片的遞回$('div').slideToggle(2000,recursion)function recursion(){ $(this).slideToggle(2000,recursion)}附贈個高級寫法：
$('div').slideToggle(2000,function(){ $(this).slideToggle(2000,arguments.callee)})//arguments.callee：常用在匿名函式中， 代表當前的函式，
jQuery的影片，以上，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/39133.html
標籤：jQuery
上一篇：滑鼠懸浮事件