この記事の例では、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 プログラミング設計に役立つことを願っています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
