jquery slideDown()方法


  翻訳結果:

slide

UK[slaɪd] 美[slaɪd]

vi.スライド; フォール; スキッド; [野球] スライド

vt 。フェージング (する); 徐々に下げる; 静かに回転する; (させる) 素早く静かに移動する

##n.slide; 低くする

#down #英[daʊn] 美[daʊn]

adv. Down; (座る、落ちる、横たわる) down; (範囲または順序の限界を示す) down to

prep. (高から) ) 下向き; (位置を示す) 下; (方向を示す) 沿って下る; (​​時間を示す) 以来...

adj. 下向き; イライラ; コンピュータまたはコンピュータ システムのシャットダウン; (...に) 遅れる相手の

n. (鳥の) 羽; 綿毛; 柔らかい髪; 髪

vt. 置く; (特に大きな口または急いで) 飲む; 落下させる; 撃墜する (敵機など)

vi. 降りてくる; 降りる; [命令文でよく使われる] go down; 横たわる

jquery slideDown()方法構文

関数: slideDown() メソッドは、スライド効果を使用して非表示の選択要素を表示します。

# 構文: $(selector).slideDown(speed,callback)

パラメータ:

パラメータ説明
speed オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通常」です。可能な値: ミリ秒 (例: 1500) 「遅い」 「通常」 「速い」 速度を設定すると、要素は非表示から表示に変わるにつれて高さが徐々に変化します。
コールバック オプション。 slideDown関数の実行後に実行される関数です。コールバックの詳細については、jQuery コールバックの章を参照してください。このパラメータは速度パラメータが設定されていないと設定できません。

注: 要素がすでに完全に表示されている場合、コールバック関数が指定されない限り、効果は変わりません。この効果は、jQuery によって非表示になった要素、または CSS で宣言された display:none を持つ要素に作用します (ただし、visibility:hidden を持つ要素には作用しません)。

jquery slideDown()方法例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideUp();
  });
  $(".btn2").click(function(){
  $("p").slideDown();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

ビデオ

に質問