-
stop()：只會(huì)停止第一個(gè)動(dòng)畫，第二個(gè)第三個(gè)繼續(xù) 停止當(dāng)前的 后面的繼續(xù) stop(true)：停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫 即所有的都停了 停在當(dāng)前狀態(tài) stop(true ture)：停止動(dòng)畫，直接跳到第一個(gè)動(dòng)畫的最終狀態(tài)查看全部
-
.animate( properties, options ) 觀察動(dòng)畫的一些執(zhí)行情況 options參數(shù) duration - 設(shè)置動(dòng)畫執(zhí)行的時(shí)間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動(dòng)函數(shù) step：規(guī)定每個(gè)動(dòng)畫的每一步完成之后要執(zhí)行的函數(shù) ??！每一步的 progress：每一次動(dòng)畫調(diào)用的時(shí)候會(huì)執(zhí)行這個(gè)回調(diào)，就是一個(gè)進(jìn)度的概念 用于進(jìn)度條 complete：動(dòng)畫完成回調(diào) 其中最關(guān)鍵的一點(diǎn)就是： 如果多個(gè)元素執(zhí)行動(dòng)畫，回調(diào)將在每個(gè)匹配的元素上執(zhí)行一次，不是作為整個(gè)動(dòng)畫執(zhí)行一次查看全部
-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) .animate()方法允許我們?cè)谌我獾臄?shù)值的CSS屬性上創(chuàng)建動(dòng)畫。2種語法使用，幾乎差不多了，唯一必要的屬性就是一組CSS屬性鍵值對(duì)。這組屬性和用于設(shè)置.css()方法的屬性鍵值對(duì)類似，除了屬性范圍做了更多限制。第二個(gè)參數(shù)開始可以單獨(dú)傳遞多個(gè)實(shí)參也可以合并成一個(gè)對(duì)象傳遞了 參數(shù)分解： properties：一個(gè)或多個(gè)css屬性的鍵值對(duì)所構(gòu)成的Object對(duì)象。要特別注意所有用于動(dòng)畫的屬性必須是數(shù)字的，除非另有說明；這些屬性如果不是數(shù)字的將不能使用基本的jQuery功能。比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動(dòng)畫效果的。background-color很明顯不可以，因?yàn)閰?shù)是red或者GBG這樣的值，非常用插件，否則正常情況下是不能只用動(dòng)畫效果的。注意，CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設(shè)置，而非 CSS 名稱（比如 "font-size"）。 特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 當(dāng)然 每個(gè)屬性能用'show','hide','toggle'等快捷方式查看全部
-
操作元素的顯示和隱藏可以有幾種方法。 改變樣式display為none 設(shè)置位置高度為0 設(shè)置透明度為0 都能達(dá)到這個(gè)目的，并且針對(duì)這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外，還引入了toggle、sildeToggle以及fadeToggle切換方法 toggle、sildeToggle以及fadeToggle的區(qū)別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
.fadeTo( duration, opacity ,callback)淡入淡出都可以 只要是從原來的到0.5 設(shè)置透明度在0到1之間 當(dāng)然中間這個(gè)參數(shù)也可以是運(yùn)動(dòng)速度查看全部
-
fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換。如果元素已淡出，則 fadeToggle() 會(huì)向元素添加淡入效果。如果元素已淡入，則 fadeToggle() 會(huì)向元素添加淡出效果。查看全部
-
.fadeIn( [duration ], [ complete ] ) duration：指定過渡動(dòng)畫運(yùn)行多長時(shí)間(毫秒數(shù))，默認(rèn)值為400。該參數(shù)也可以為字符串"fast"(=200)或"slow"(=600)。 元素顯示完畢后需要執(zhí)行的函數(shù)。函數(shù)內(nèi)的this指向當(dāng)前DOM元素。查看全部
-
所謂"淡出"隱藏的，通過改變透明度來實(shí)現(xiàn)淡出 但高度寬度不變 元素是隱藏狀態(tài)不對(duì)作任何改變，元素是可見的，則將其隱藏。 .fadeOut( [duration ], [ complete ] ) 通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡出效果，并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。這個(gè)動(dòng)畫只調(diào)整元素的不透明度查看全部
-
便捷方法slideToggle用滑動(dòng)動(dòng)畫顯示或隱藏一個(gè)匹配元素 基本的操作：slideToggle(); 這是最基本的操作，獲取元素的高度，使這個(gè)元素的高度發(fā)生改變，從而讓元素里的內(nèi)容往下或往上滑。 提供參數(shù)：.slideToggle( [duration ] ,[ complete ] ) 同樣的提供了時(shí)間、還有動(dòng)畫結(jié)束的回調(diào)。在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)完成動(dòng)畫，然后出發(fā)回調(diào)函數(shù) 同時(shí)也提供了時(shí)間的快速定義，字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí) slideToggle("fast") slideToggle("slow") 當(dāng)高度為0時(shí) display屬性設(shè)為none查看全部
-
$("elem").slideUp(); 這個(gè)使用的含義就是：找到元素的高度，然后采用一個(gè)下滑動(dòng)畫讓元素一直滑到隱藏，當(dāng)高度為0的時(shí)候，也就是不可見的時(shí)，修改元素display 樣式屬性被設(shè)置為none。這樣就能確保這個(gè)元素不會(huì)影響頁面布局了 帶參數(shù)： .slideUp( [duration ] [, easing ] [, complete ] )中間是緩動(dòng)函數(shù) jq默認(rèn)兩種 可以通過插件下載查看全部
-
wn方法 .slideDown()：用滑動(dòng)動(dòng)畫顯示一個(gè)匹配元素 .slideDown()方法將給匹配元素的高度的動(dòng)畫，這會(huì)導(dǎo)致頁面的下面部分滑下去，彌補(bǔ)了顯示的方式 常見的操作，提供一個(gè)動(dòng)畫是時(shí)間，然后傳遞一個(gè)回調(diào)，用于知道動(dòng)畫是什么時(shí)候結(jié)束 .slideDown( [duration ] [, complete ] ) duantion 有默認(rèn)的 持續(xù)時(shí)間（duration）是以毫秒為單位的，數(shù)值越大，動(dòng)畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)。如果提供任何其他字符串，或者這個(gè)duration參數(shù)被省略，那么默認(rèn)使用400 毫秒的延時(shí) 具體使用： $("ele").slideDown(1000, function() { //等待動(dòng)畫執(zhí)行1秒后,執(zhí)行別的動(dòng)作.... });查看全部
-
.toggle()是show和hide相互切換的快捷方法 .toggle()沒有參數(shù)時(shí)直接通過css的display改變 此時(shí)沒有動(dòng)畫 如果元素是最初顯示，它會(huì)被隱藏 如果隱藏的，它會(huì)顯示出來 display屬性將被儲(chǔ)存并且需要的時(shí)候可以恢復(fù)。如果一個(gè)元素的display值為inline，然后是隱藏和顯示，這個(gè)元素將再次顯示inline 提供參數(shù)：.toggle( [duration ] [, complete ] ) 同樣的提供了時(shí)間、還有動(dòng)畫結(jié)束的回調(diào)。在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)發(fā)生顯示/隱藏的改變 .toggle(display)直接提供個(gè)參數(shù) 指定要改變?cè)氐淖罱K效果 toggle(display)里面display是一個(gè)參數(shù) 所謂的直接定位就是兩種情況 .toggle(true)表示.hide() .toggle(false)表示show()查看全部
-
show()加了參數(shù)就可以連續(xù)執(zhí)行，不加參數(shù)就只執(zhí)行hide(3000) 寫成show(0)及解決了不連續(xù)的問題查看全部
-
看一段代碼：使用上一致，結(jié)果相反 $('elem').hide(3000).show(3000) 讓元素執(zhí)行3秒的隱藏動(dòng)畫，然后執(zhí)行3秒的顯示動(dòng)畫 但一般很少把這倆個(gè)放到一起用大多數(shù)還是直接操作元素的顯示與隱藏 show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨(dú)設(shè)置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個(gè)動(dòng)畫，那么默認(rèn)執(zhí)行動(dòng)畫會(huì)改變?cè)氐母叨?，高度，透明?查看全部
-
無參數(shù)，找同輩元素中的第一個(gè)li所在的索引 有參數(shù)就找li中該元素是li中的第幾個(gè)查看全部
舉報(bào)
0/150
提交
取消