-
操作元素的顯示和隱藏可以有幾種方法 改變樣式display為none 設置位置高度為0 設置透明度為0查看全部
-
toggle、sildeToggle以及fadeToggle的區(qū)別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節(jié)上還是有更多的不同點: toggle與slideToggle細節(jié)區(qū)別： toggle：動態(tài)效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態(tài)效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options )查看全部
-
.fadeTo( duration, opacity ,callback)查看全部
-
toggle();如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 提供參數(shù)：.toggle( [duration ] [, complete ] )查看全部
-
show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執(zhí)行動畫會改變元素的高度，高度，透明度查看全部
-
fadeIn：淡入效果，內容顯示，opacity是0到1 fadeOut：淡出效果，內容隱藏，opacity是1到0查看全部
-
jQuery提供了fadeTo方法，可以讓改變透明度一步到位 語法 .fadeTo( duration, opacity ,callback) 必需的 duration參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設置為給定的不透明度（值介于 0 與 1 之間）?？蛇x的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。查看全部
-
fadeToggle切換fadeOut與fadeIn效果，所謂"切換"，即如果元素當前是可見的，則將其隱藏(淡出)；如果元素當前是隱藏的，則使其顯示(淡入)。 常用語法：.fadeToggle( [duration ] ,[ complete ] ) 可選的 duration 參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。 可選的 callback 參數(shù)是 fadeToggle完成后所執(zhí)行的函數(shù)名稱。查看全部
-
jQuery中淡入動畫fadeIn fadeOut是淡出效果，相反的還有淡入效果fadeIn,方法使用上兩者都是一致的，只是結果相反 fadeIn()函數(shù)用于顯示所有匹配的元素，并帶有淡入的過渡動畫效果。 注意： 淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則使其可見查看全部
-
jQuery中淡出動畫fadeOut 讓元素在頁面不可見，常用的辦法就是通過設置樣式的display:none。除此之外還可以一些類似的辦法可以達到這個目的。這里要提一個透明度的方法，設置元素透明度為0，可以讓元素不可見，透明度的參數(shù)是0~1之間的值，通過改變這個值可以讓元素有一個透明度的效果。常見的淡入淡出動畫正是這樣的原理。 fadeOut()函數(shù)用于隱藏所有匹配的元素，并帶有淡出的過渡動畫效果 所謂"淡出"隱藏的，元素是隱藏狀態(tài)不對作任何改變，元素是可見的，則將其隱藏。 .fadeOut( [duration ], [ complete ] ) 通過不透明度的變化來實現(xiàn)所有匹配元素的淡出效果，并在動畫完成后可選地觸發(fā)一個回調函數(shù)。這個動畫只調整元素的不透明度，也就是說所有匹配的元素的高度和寬度不會發(fā)生變化。 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認使用400毫秒的延時查看全部
-
上卷下拉切換slideToggle: slideToggle用滑動動畫顯示或隱藏一個匹配元素 基本的操作：slideToggle(); 提供參數(shù)：.slideToggle( [duration ] ,[ complete ] ) 同樣的提供了時間、還有動畫結束的回調。在參數(shù)對應的時間內，元素會完成動畫，然后出發(fā)回調函數(shù) 同時也提供了時間的快速定義，字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時 slideToggle("fast") ps: display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復到其初始值 當一個隱藏動畫后，高度值達到0的時候，display 樣式屬性被設置為none，以確保該元素不再影響頁面布局查看全部
-
上卷動畫slideUp: 1: 最簡單的使用：不帶參數(shù) .slideUp( [duration 時間] [, easing 速度] [, complete 回調函數(shù)] ) $("elem").slideUp(); 這個使用的含義就是：找到元素的高度，然后采用一個下滑動畫讓元素一直滑到隱藏，當高度為0的時候，也就是不可見的時，修改元素display 樣式屬性被設置為none 2： 帶參數(shù)： .slideUp( [duration ] [, easing ] [, complete ] ) 提供一個時間，然后可以使用一種過渡使用哪種緩動函數(shù)，jQuery默認就2種，可以通過下載插件支持。最后一個動畫結束的回調方法。 ps: 因為動畫是異步的，所以要在動畫之后執(zhí)行某些操作就必須要寫到回調函數(shù)里面，這里要特別注意查看全部
-
下拉動畫 .slideDown()：用滑動動畫顯示一個匹配元素 .slideDown()方法將給匹配元素的高度的動畫，這會導致頁面的下面部分滑下去，彌補了顯示的方式 .slideDown( [duration ] [, complete ] ) 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數(shù)被省略，那么默認使用400 毫秒的延時。 具體使用： $("ele").slideDown(1000, function() { //等待動畫執(zhí)行1秒后,執(zhí)行別的動作.... }); 注意事項： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 如果提供回調函數(shù)參數(shù)，callback會在動畫完成的時候調用。將不同的動畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個回調函數(shù)不設置任何參數(shù)，但是 this會設成將要執(zhí)行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數(shù)會在每一個元素執(zhí)行完動畫后都執(zhí)行一次，而不是這組 動畫整體才執(zhí)行一次查看全部
-
基本的操作：toggle(); 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 提供參數(shù)：.toggle( [duration ] [, complete ] ) 同樣的提供了時間、還有動畫結束的回調。在參數(shù)對應的時間內，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果。這個元素其實就是show與hide的方法查看全部
舉報
0/150
提交
取消