この小さな特殊効果のコードは非常に簡単なので、これ以上の説明は省略し、ソース コードのみを提供します。
JQuery コード:
<スクリプトタイプ="text/javascript">
//イベントをロード中
$(関数 () {
var collection = $(".flag");
$.each(コレクション, 関数 () {
$(this).addClass("start");
});
});
// イベントをクリック
関数 dj(dom) {
var collection = $(".flag");
$.each(コレクション, 関数 () {
$(this).removeClass("end");
$(this).addClass("start");
});
$(dom).removeClass("start");
$(dom).addClass("end");
}
CSSコード:
HTML コード:
LoveOne
LoveTwo
LoveThree
LoveFour
非常にシンプルですね。特殊効果もとても楽しく、友達と自由に遊ぶことができ、拡張性も非常に高いです。他にもっと楽しいものを作ったら、ぜひ教えてください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
