jquery-Methode, um den Gradientenwechseleffekt von zwei Bildern zu erzielen_jquery

Das Beispiel in diesem Artikel beschreibt, wie JQuery den Gradientenwechseleffekt von zwei Bildern implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dieser Code zeigt, wie JQuery den Effekt des Farbverlaufswechsels zwischen zwei Bildern erzielen kann. Er legt ein Hintergrundbild für das Div mit der ID=Kitten fest und verwendet JQuery zum Ein- und Ausblenden des Div, um den Farbverlaufswechsel des zu erreichen zwei Bilder

HTML-Code

<div id="kitten">
  <img src="/images/kitten.jpg" alt="Kitten" />
</div>

JQuery-Code

$("#kitten").hover(function(){
  $(this).find("img").fadeOut();
}, function() {
  $(this).find("img").fadeIn();
});

Ich hoffe, dass dieser Artikel für das JQuery-Programmierungsdesign aller hilfreich sein wird.