jQuery はマルチボタンのクリック色の変更を実装します_jquery

この小さな特殊効果のコードは非常に簡単なので、これ以上の説明は省略し、ソース コードのみを提供します。

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

非常にシンプルですね。特殊効果もとても楽しく、友達と自由に遊ぶことができ、拡張性も非常に高いです。他にもっと楽しいものを作ったら、ぜひ教えてください。