ホームページ >ウェブフロントエンド >htmlチュートリアル >クリック後にメニューの色を変える方法_html/css_WEB-ITnose

クリック後にメニューの色を変える方法_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:26:433379ブラウズ

b54fbacfa17138f644f220beec952406

870dbccfbda79400ce78d63a1ac758cf
25edfb22a4f469ecb59f1190150159c6cacfd8f3b1858e5f35be3ef3ede141ee/capitalAction.do?method=getCapitalInfo')">资金股票5db79b134e9f6b82c0b36e0489ee08ed
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6f56323a7480742111bbf556d008b16b6/formulaAction.do?method=getFormulaList')">公式管理5db79b134e9f6b82c0b36e0489ee08ed
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6b7ba2c29d7fe891e9c547ac7f9f167a9/strategyAction.do?method=getStrategyList')">策略管理5db79b134e9f6b82c0b36e0489ee08ed
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6b7ba2c29d7fe891e9c547ac7f9f167a9/manualOrderAction.do?method=getOrderInit')">手动下单5db79b134e9f6b82c0b36e0489ee08ed
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c67f169a870c5b30a322bf5b5089ca650d查询管理5db79b134e9f6b82c0b36e0489ee08ed
e553c6425fbafdb852a3ae0f0fb4f851
25edfb22a4f469ecb59f1190150159c6597745ae08026971ee5716c62827aa3d/entrustAction.do?method=getEntrustInfo')"> 委托查询5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6597745ae08026971ee5716c62827aa3d/bargainAction.do?method=getBargainInfo')"> 成交查询5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6597745ae08026971ee5716c62827aa3d/positionAction.do?method=getPositionInfo')"> 持仓查询5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6622ded1f5965bc6e4beadb0f2756f788 资金明细5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689

16b28748ea4df4d9c2150843fecfba68


ディスカッションに返信 (解決策)


<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>



function clickcolor(idclick){//必须先导入jquery的类库.//jquery可以实现.$(idclick).css("background-color", "red");//改变颜色}


Try

.new{color:red;}
例: $('.left li').click(function( ; 異なる色をオンにする CSS の 3499910bf9dac5ae3c52d5ede7383485 の下に異なる色を設定する必要があります。 CSS の 3499910bf9dac5ae3c52d5ede7383485 はい、設定方法がわかりません


<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>

これを元に戻す方法をクリックしてください。

ID には次のような数字を使用します:

a1
a2
a3
a4

a5

まず、すべてを元の色に変更してから、クリックした色を新しい色に変更してみてください。

function clickcolor(idclick){//必须先导入jquery的类库.//jquery可以实现.$(idclick).css("background-color", "red");//改变颜色}

<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>


他のものをクリックしてみてください。元の色に戻すにはどうすればよいですか?

ID は数字です。例:

a1
a2

a3 a4
a5

まずすべてを元の色に変更してから、クリックしたものを新しい色に変更してみてください。
いちいち書かなくても大丈夫です





function clickcolor(idclick){//必须先导入jquery的类库.//jquery可以实现.$(idclick).css("background-color", "red");//改变颜色}


<a href="javascript:void(0)' id="clickindex1" onclick="clickcolor('#clickindex1')" >改变颜色</a>


試してみてください
他のものをクリックしてください。これを元の色に戻すにはどうすればよいですか?


ID は次のような数字です:

a1
a2
a3
a4
a5

まず、すべてを元の色に変更します。クリックしたものを新しい色に変更してみます





何かをクリックしてみてください。元の色に戻します


IDの用途数字、例:

a1
a2
a3

a4 a5

まずすべてを元の色に変更し、次にクリックしたものを新しい色に変更します。これ。 CSSの設定に関しては、jqueryのAPIを確認してください。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。