fadein

Englisch [feɪ'dɪn] Amerikanisch [feɪ'dɪn]

n Allmählich aufhellen, allmählich erscheinen

jquery fadeIn()-Methode Syntax

Funktion: Die Methode fadeIn() nutzt den Einblendeffekt, um das ausgewählte Element anzuzeigen, wenn das Element ausgeblendet ist.

Syntax: $(selector) ist „normal“. Mögliche Werte: Millisekunden (z. B. 1500) „langsam“ „normal“ „schnell“ Beim Einstellen der Geschwindigkeit ändert sich die Transparenz des Elements schrittweise von unsichtbar zu sichtbar (dies erzeugt einen Einblendeffekt).

Callback

Die Funktion, die nach der Ausführung der FadeIn-Funktion ausgeführt werden soll, finden Sie in unserem Kapitel „Callback“. Andernfalls kann dieser Parameter nicht festgelegt werden Wenn das Element bereits angezeigt wird, führt dieser Effekt zu keiner Änderung, es sei denn, die Callback-Funktion ist angegeben. Dieser Effekt gilt für Elemente, die über jQuery oder in CSS ausgeblendet sind (aber nicht für Elemente mit Visibility:hidden). .

jquery fadeIn()-Methode Beispiel

<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").fadeOut()
  });
  $(".btn2").click(function(){
  $("p").fadeIn();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen