2 つの写真のグラデーション切り替え効果を実現する jquery メソッド_jquery

この記事の例では、jquery が 2 つの画像のグラデーション切り替え効果を実装する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

このコードは、jquery が 2 つの画像間のグラデーション切り替えの効果を実現する方法を示しています。id=kitten を使用して div の背景画像を設定し、jquery を使用して div のグラデーション切り替えを実現します。 2 つの画像

HTML コード

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

jQuery コード

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

この記事が皆さんの jquery プログラミング設計に役立つことを願っています。