JQury動畫

     .hide()隱藏元素、.show()顯示元素和.toggle()切換顯示或隱藏匹配元素

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、施秉網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為施秉等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

1   讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性，但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時(shí)候，一般是通過js控制元素的style屬性

2   .hide()隱藏元素

3  .hide( options )當(dāng)提供hide方法一個(gè)參數(shù)時(shí)，.hide()就會成為一個(gè)動畫方法，.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動畫操作

4  .hide("fast / slow")動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)，就是元素會執(zhí)行200/600毫秒的動畫后再隱藏

5  jQuery在做hide操作的時(shí)候，會保存本身的元素的原始屬性值，再通過對應(yīng)的方法還原的時(shí)候還是初始值，如一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline，一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個(gè)元素將不再在頁面中影響布局

6   .show()顯示元素

7   hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示

8  show與hide方法是修改的display屬性，通過visibility屬性布局需要通過css方法單獨(dú)設(shè)置

9  如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式

10  如果讓show與hide成為一個(gè)動畫，那么默認(rèn)執(zhí)行動畫會改變元素的高度，高度，透明度

11   .toggle()切換顯示或隱藏匹配元素，這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動畫，通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫，

12  如果元素是最初顯示，它會被隱藏，如果隱藏的，它會顯示出來

13  .toggle( [duration ] [, complete ] )提供參數(shù)，提供了時(shí)間、還有動畫結(jié)束的回調(diào)，在參數(shù)對應(yīng)的時(shí)間內(nèi)，元素會發(fā)生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進(jìn)行一系列動畫效果

14  .toggle(display)直接定位,直接提供一個(gè)參數(shù)，指定要改變的元素的最終效果,確定是使用show還是hide方法

文章題目：JQury動畫
網(wǎng)站鏈接：http://bm7419.com/article14/geipge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、營銷型網(wǎng)站建設(shè)、商城網(wǎng)站、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)