jquery控制div顯示隱藏 jq控制div顯示隱藏通用

字號(hào):

    在日常學(xué)習(xí)、工作或生活中,大家總少不了接觸作文或者范文吧,通過文章可以把我們那些零零散散的思想,聚集在一塊。寫范文的時(shí)候需要注意什么呢?有哪些格式需要注意呢?以下是我為大家搜集的優(yōu)質(zhì)范文,僅供參考,一起來看看吧
    jquery控制span顯示隱藏 jq控制span顯示隱藏篇一
    jquery 隱藏和顯示
    通過 hide() 和 show() 兩個(gè)函數(shù),jquery 支持對(duì) html 元素的隱藏和顯示:
    實(shí)例
    復(fù)制代碼 代碼如下:
    $("#hide").click(function(){
    $("p").hide();
    });
    $("#show").click(function(){
    $("p").show();
    });
    hide() 和 show() 都可以設(shè)置兩個(gè)可選參數(shù):speed 和 callback。
    語(yǔ)法:
    復(fù)制代碼 代碼如下:
    $(selector).hide(speed,callback)
    $(selector).show(speed,callback)
    speed 參數(shù)規(guī)定顯示或隱藏的速度。可以設(shè)置這些值:"slow", "fast", "normal" 或毫秒。
    callback 參數(shù)是在 hide 或 show 函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識(shí)。
    實(shí)例
    復(fù)制代碼 代碼如下:
    $("button").click(function(){
    $("p").hide(1000);
    });
    callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識(shí)。
    jquery 滑動(dòng)函數(shù) - slidedown, slideup, slidetoggle
    jquery 擁有以下滑動(dòng)函數(shù):
    復(fù)制代碼 代碼如下:
    $(selector).slidedown(speed,callback)
    $(selector).slideup(speed,callback)
    $(selector).slidetoggle(speed,callback)
    speed 參數(shù)可以設(shè)置這些值:"slow", "fast", "normal" 或毫秒。
    callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的.函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識(shí)。
    slidedown() 實(shí)例
    復(fù)制代碼 代碼如下:
    $(".flip").click(function(){
    $(".panel").slidedown();
    });
    jquery fade 函數(shù) - fadein(), fadeout(), fadeto()
    jquery 擁有以下 fade 函數(shù):
    復(fù)制代碼 代碼如下:
    $(selector).fadein(speed,callback)
    $(selector).fadeout(speed,callback)
    $(selector).fadeto(speed,opacity,callback)
    speed 參數(shù)可以設(shè)置這些值:"slow", "fast", "normal" 或 毫秒。
    fadeto() 函數(shù)中的 opacity 參數(shù)規(guī)定減弱到給定的不透明度。
    callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識(shí)。
    jquery 自定義動(dòng)畫
    jquery 函數(shù)創(chuàng)建自定義動(dòng)畫的語(yǔ)法:
    復(fù)制代碼 代碼如下:
    $(selector).animate({params},[duration],[easing],[callback])
    關(guān)鍵的參數(shù)是 params。它定義產(chǎn)生動(dòng)畫的 css 屬性??梢酝瑫r(shí)設(shè)置多個(gè)此類屬性:
    復(fù)制代碼 代碼如下:
    animate({width:"70%",opacity:0.4,marginleft:"0.6in",fontsize:"3em"});
    第二個(gè)參數(shù)是 duration。它定義用來應(yīng)用到動(dòng)畫的時(shí)間。它設(shè)置的值是:"slow", "fast", "normal" 或毫秒。
    實(shí)例
    復(fù)制代碼 代碼如下:
    $(document).ready(function(){
    $("#start").click(function(){
    $("#box").animate({height:300},"slow");
    $("#box").animate({width:300},"slow");
    $("#box").animate({height:100},"slow");
    $("#box").animate({width:100},"slow");
    });
    });
    $(selector).hide() 隱藏被選元素 $(selector).show() 顯示被選元素 $(selector).toggle() 切換(在隱藏與顯示之間)被選元素 $(selector).slidedown() 向下滑動(dòng)(顯示)被選元素 $(selector).slideup() 向上滑動(dòng)(隱藏)被選元素 $(selector).slidetoggle() 對(duì)被選元素切換向上滑動(dòng)和向下滑動(dòng) $(selector).fadein() 淡入被選元素 $(selector).fadeout() 淡出被選元素 $(selector).fadeto() 把被選元素淡出為給定的不透明度 $(selector).animate() 對(duì)被選元素執(zhí)行自定義動(dòng)畫
    s("content_relate");
    【jquery控制元素顯示隱藏切換滑動(dòng)的方法總結(jié)】相關(guān)文章:
    1.
    有關(guān)jquery效果 slidetoggle() 方法(在隱藏和顯示之間切換)
    2.
    jquery顯示和隱藏span特效的實(shí)例
    3.
    mac切換顯示器的方法步驟
    4.
    關(guān)于jquery簡(jiǎn)單圖片切換顯示效果實(shí)現(xiàn)方法介紹
    5.
    js控制html元素的顯示和隱藏的兩種方法
    6.
    word設(shè)置隱藏顯示文字的方法
    7.
    顯示隱藏文件的方法
    8.
    jquery之超簡(jiǎn)單的span顯示和隱藏特效demo簡(jiǎn)介