聞く。 header.php を設定して、クリックされたさまざまなボタンに応じて対応するボタンのスタイルを設定する方法

聞く。 set header.php クリックされたさまざまなボタンに応じて、対応するボタンのスタイルを設定する方法
set header.php クリックされたさまざまなボタンに応じて、対応するボタンのスタイルを設定する方法


header. PHP は、さまざまな Web ページを指すいくつかのボタンを備えたナビゲーション バーです。
私が望む効果は、最初のボタンを押して 1.php を入力し、最初のボタンに背景色を付けることです。 2 番目のボタンは 2.php に入り、2 番目のボタンには背景色を付けることができ、最初のボタンは元の外観に変わります。
------解決策のアイデア----------------------
http://www.16sucai. com/daima/cd/ これは当てはまりますか? 他の多くの人が、それらを自分のプロジェクトに直接追加しています
-----解決策のアイデア------------- ---- -----
jquery.
header.php コードをページに導入してください:

<br /><script src="js/jquery-1.8.3.min.js"></script> <!--jquery文件请自行修改--><br /><style><br />#m1<br />{<br />    height: 50px;<br />    width: 500px;<br />    background: beige;<br />}<br />#page1<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br />#page2<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br /></style><br /><?php<br /><br />?><br /><div id="m1"><br />   <div id="page1"><br />   <a href="1.php?id=1">网页1</a><br />   </div><br />   <div id="page2"><br />   <a href="2.php?id=2">网页2</a><br />   </div><br /></div><br />

1.php コード:

<br /><script src="js/jquery-1.8.3.min.js"></script><br /><style><br />#m1<br />{<br />    height: 50px;<br />    width: 500px;<br />    background: beige;<br />}<br />#page1<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br />#page2<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br />.onclick<br />{<br />    background: red;<br />}<br /></style><br /><?php<br />?><br /><div id="m1"><br />   <div id="page1"><br />   <a href="1.php?id=1">网页1</a><br />   </div><br />   <div id="page2"><br />   <a href="2.php?id=2">网页2</a><br />   </div><br /></div><br /><script><br />var id=<?php echo $_GET['id'];?>;<br />$("#page" + id).siblings().removeClass('onclick');<br />$("#page" + id).addClass('onclick');<br /></script><br />

2.php コード:

<br /><script src="js/jquery-1.8.3.min.js"></script><br /><style><br />#m1<br />{<br />    height: 50px;<br />    width: 500px;<br />    background: beige;<br />}<br />#page1<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br />#page2<br />{<br />    width: 50%;<br />    height: 100%;<br />    float: left;<br />}<br />.onclick<br />{<br />    background: red;<br />}<br /></style><br /><?php<br /><br /><br />?><br /><div id="m1"><br />   <div id="page1"><br />   <a href="1.php?id=1">网页1</a><br />   </div><br />   <div id="page2"><br />   <a href="2.php?id=2">网页2</a><br />   </div><br /></div><br /><script><br />var id=<?php echo $_GET['id'];?>;<br />$("#page" + id).siblings().removeClass('onclick');<br />$("#page" + id).addClass('onclick');<br /></script><br /><br />运行之后,你会得到你想要的.<br />