jQuery 效果 slideUp() 方法

jQuery 效果方法

slideUp()方法以滑動(dòng)方式隱藏選定的元素。

注意:隱藏的元素將不再影響頁(yè)面的布局。

該方法通常與slideDown()方法一起使用。

語(yǔ)法:

$(selector).slideUp(duration, easing, callback)

實(shí)例

當(dāng)單擊“#my-Div”時(shí),此示例在頁(yè)面上隱藏“ .panel”:

$("#my-Div").click(function(){
  $(".panel").slideUp();
});
測(cè)試看看?/?

單擊按鈕時(shí),向上滑動(dòng)所有<p>元素:

$("button").click(function(){
  $("p").slideUp();
});
測(cè)試看看?/?

使用duration參數(shù):

$("button").click(function(){
  $("p").slideUp(1500);
});
測(cè)試看看?/?

使用callback參數(shù):

$("button").click(function(){
  $("div").slideUp(1500, function(){
    alert("向上滑動(dòng)完成!");
  });
});
測(cè)試看看?/?

使用緩慢的持續(xù)時(shí)間和線性緩動(dòng)向上滑動(dòng)所有“ .panel”:

$("#my-Div").click(function(){
  $(".panel").slideUp("slow", "linear");
});
測(cè)試看看?/?

動(dòng)畫化所有跨度(本示例為單詞)以快速滑動(dòng),在200毫秒內(nèi)完成每個(gè)動(dòng)畫:

$("button").click(function(){
  $("span:last-child").slideUp("fast", function(){
    $(this).prev().slideUp("fast", arguments.callee);
  });
});
測(cè)試看看?/?

參數(shù)值

參數(shù)描述
duration(可選)確定滑動(dòng)效果將持續(xù)多長(zhǎng)時(shí)間。預(yù)設(shè)值為400毫秒

可能的值:

  • 毫秒(例如100、500、2000等)

  • “fast”

  • “slow”

easing(可選)一個(gè)字符串,指定在動(dòng)畫的不同點(diǎn)上元素的速度。默認(rèn)值為“ swing”

可能的值:

  • “swing”-在開(kāi)始/結(jié)束時(shí)移動(dòng)較慢,而在中間移動(dòng)較快

  • “l(fā)inear”-以恒定速度移動(dòng)

callback(可選)一旦slideUp()方法完成就調(diào)用的函數(shù),每個(gè)選定元素調(diào)用一次

jQuery 效果方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清