求问。设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
header.p*本文来@源gao@daima#com搞(%代@#码@网2
搞代gaodaima码
hp是导航栏，里面有几个按钮指向不同的网页，
我想要的效果是 按了第一个按钮进入了1.php，然后这第一个按钮能有个背景色，按了第二个按钮进入了2.php，然后这第二个按钮能有个背景色，第一个按钮变成原来的样子。
——解决思路———————-
http://www.16sucai.com/daima/cd/ 这种吗 很多别人写好的 直接加到自己项目
——解决思路———————-
请在页面当中引入jquery.
header.php代码:
<br /><script src="js/jquery-1.8.3.min.js"></script> <!---ecms 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 /> 网页1<br /> </div><br /> <div id="page2"><br /> 网页2<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 /> 网页1<br /> </div><br /> <div id="page2"><br /> 网页2<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 /> 网页1<br /> </div><br /> <div id="page2"><br /> 网页2<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 />
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：求问。设置的header.php 如何按照点击的不同的按钮给对应的按钮设置样式
转载请注明原文链接：求问。设置的header.php 如何按照点击的不同的按钮给对应的按钮设置样式
