文章目录[隐藏]
设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
header.php是导航栏，里面有几个按钮指向不同的网页，
我想要的效果是 按了第一个按钮进入了1.php，然后这第一个按钮能有个背景色，按了第二个按钮进入了2.php，然后这第二个按钮能有个背景色，第一个按钮变成原来的样子。
回复讨论(解决方案)
http://www.16sucai.com/daima/cd/ 这种吗 很多别人写好的 直接加到自己项目
可不可以用js判断然后再怎么做
请在页面当中引入jquery.
header.php代码:
<script src="js/jquery-1.8.3.min.js"></script> <!---ecms jquery文件请自行修改--><style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}</style><?php?><div id="m1"> <div id="page1"> 网页1 </div> <div id="page2"> 网页2 </div></div>
1.php代码:
<script src="js/jquery-1.8.3.min.js"></script&<span style="color:transparent">~来1源gaodai#ma#com搞*代#码1网</span><abbr>搞代gaodaima码</abbr>gt;<style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}.onclick{ background: red;}</style><?php?><div id="m1"> <div id="page1"> 网页1 </div> <div id="page2"> 网页2 </div></div><script>var id=<?php echo $_GET['id'];?>;$("#page" + id).siblings().removeClass('onclick');$("#page" + id).addClass('onclick');</script>
2.php代码:
<script src="js/jquery-1.8.3.min.js"></script><style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}.onclick{ background: red;}</style><?php?><div id="m1"> <div id="page1"> 网页1 </div> <div id="page2"> 网页2 </div></div><script>var id=<?php echo $_GET['id'];?>;$("#page" + id).siblings().removeClass('onclick');$("#page" + id).addClass('onclick');</script>运行之后,你会得到你想要的.
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：求问。设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
转载请注明原文链接：求问。设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
