デフォルトでは、[すべて] の背景色は、background-color: #e35964 です。他の選択をクリックすると、前のオプションの背景色が削除されます (最初は [すべて])、
現在の選択に背景色を追加します。背景色: # e35964
クリックは onclick="getCategory()" でトリガーされます
現在のオプションの背景を変更するには、これらの div に ID を追加し、getCategory() に渡す必要がありますか?
これを実行すると、前のオプションのスタイルを削除する方法がわかりません
<div class="banner01"> <ul> <li> <div style="cursor:pointer;background-color: #e35964" class="d1" onclick="getCategory('All',1)">All</div> </li> <{section name=s loop=$getListCategory}> <{if ($smarty.section.s.index)%6==0 && $smarty.section.s.index!=0}> <li style="margin-left:110px;"> <div style="cursor:pointer;" class="d2" onclick="getCategory('<{$getListCategory[s].title_en}>',1)"><{$getListCategory[s].title_en}></div> </li> <{else}> <li> <div style="cursor:pointer" class="d2" onclick="getCategory('<{$getListCategory[s].title_en}>',1)"><{$getListCategory[s].title_en}></div> </li> <{/if}> <{/section}> </ul> </div>
<script> function getCategory(category,page){ ................... //改变选项颜色 .................. }</script>
投稿を更新
は同様のことが行われています 関数
より便利ですjq スタイル セレクターを使用するには
jq スタイル セレクターを使用する方が便利です
例を示しましょう