C#
 Computer >> コンピューター >  >> プログラミング >> C#

jQueryのfadeIn()メソッド


jQueryのfadeIn()メソッドは、選択した要素の不透明度を非表示から表示に変更するために使用されます。

構文

構文は次のとおりです-

$(selector).fadeIn(speed,easing,callback)

上記の速度は、フェード効果の速度です。イージングは​​、さまざまなアニメーションポイントで速度を上げるために、スイングまたは線形にすることができます。コールバックは、メソッドが終了した後に実行される関数です。

jQueryのfadeIn()メソッドを実装する例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $(".btnout").click(function(){
         $("div").fadeOut();
      });
      $(".btnin").click(function(){
         $("div").fadeIn();
      });
   });
</script>
</head>
<body>
<h2>Java</h2>
<div>
<p>Java released in 1994. The current version is Java 13.</p>
</div>
<button class="btnout">Fade out</button>
<button class="btnin">Fade in</button>
<p>Click on above buttons to fade out and fade in text.</p>
</body>
</html>

出力

これにより、次の出力が生成されます-

jQueryのfadeIn()メソッド

上記の「フェードアウト」ボタンをクリックして、テキストをフェードアウトします-

jQueryのfadeIn()メソッド

上の「フェードイン」ボタンをクリックして、テキストをフェードイン(表示)します。

jQueryのfadeIn()メソッド


  1. jQueryのfadeIn()メソッド

    jQueryのfadeIn()メソッドは、選択した要素の不透明度を非表示から表示に変更するために使用されます。 構文 構文は次のとおりです- $(selector).fadeIn(speed,easing,callback) 例 上記の速度は、フェード効果の速度です。イージングは​​、さまざまなアニメーションポイントで速度を上げるために、スイングまたは線形にすることができます。コールバックは、メソッドが終了した後に実行される関数です。 jQueryのfadeIn()メソッドを実装する例を見てみましょう- <!DOCTYPE html> <html> <hea

  2. C#のCompareTo()メソッド

    2つの値を比較するには、CompareTo()メソッドを使用します。 戻り値は次のとおりです- 0=両方の数値が等しい 1=2番目の数値が小さい -1=最初の数字が小さい これは、C#でCompareTo()メソッドを実装するためのコードです- 例 using System; public class Demo {    public static void Main() {       int val1 = 100;       int val2 = 100;