Question

php点击导航后对应位置改变背景色

这是图片，想要实现的效果是点击对应单元格后背景色改变先前变色的恢复原颜色，求大神帮忙 谢谢啦

这是代码：
<div class=="riqi">
<table border='1px' width='1450px' bordercolor='green' cellspacing='0px'>
<tr>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=14');><span class="date">12-14</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=13');><span class="date">12-15</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=12');><span class="date">12-16</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=11');><span class="date">12-17</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=10');><span class="date">12-18</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=9');><span class="date">12-19</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=8');><span class="date">12-20</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=7');><span class="date">12-21</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=6');><span class="date">12-22</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=5');><span class="date">12-23</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=4');><span class="date">12-24</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=3');><span class="date">12-25</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=2');><span class="date">12-26</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=1');><span class="date">12-27</span></a></th>
<th width='92px'><a href=javascript:dopage('result','dingshuishuju.php?page=0');><span class="date">12-28</span></a></th>
</tr>
</table>
</div>

Answer 1

没明白要实现的效果啊 如果是点击后变色 那是JS处理的 不是要PHP实现吧

追问

js实现也可以，就是不太会写这个JS,大侠能写一段练练手吗？就是点击对应一个单元格，然后它的背景色变色，点击另一个，上一个单元格的颜色恢复为刚开始的颜色，这一个单元格变色就可以了。

追答

使用 jquery;

随便找个地方下个jq库 引用;

在head或文件尾部加代码

$(document).ready(function(e) {
$('#actiontable a').click(function(e) {
$('#actiontable th').css('background','#fff');//这里的颜色是初始默认的颜色 现在是fff白色
$(this).parent('th').css('background','#ff0000');//这里的颜色是点击后的颜色 现在是f00红色
});
});

还有一点：
在你上面的table 加ID

追问

嗯嗯 大哥 这个颜色实现了 可是我想点击另外一个，先前那个颜色恢复为白色，这个怎么做啊？就是每次点击之后，只有当前点击的单元格的背景为红色，谢谢您啦。

追答

贴你现在实现的代码出来

追问

1. 这个代码字节说是超过最大长度，只能用图了，大哥辛苦下啊...

追答

不是要PHP JS那里的代码 我的代码本机调试通过的

追问

这个JS怎么发啊，能麻烦发下你的测试过的代码和js文件吗？谢谢，983949085

追答

贴你刚刚加了的那些代码 你前面不是说部分实现了吗
你改动哪里就贴哪里的 不需要全贴
....... 之间的就够了

追问

$(document).ready(function(e) {
$('#actiontable a').click(function(e) {
$('#actiontable th').parent('th').css('background','#fff');
$(this).parent('th').css('background','#ff0000');
});
});

追答

把你贴的这一段代码改成(直接复制过去也行):
$(document).ready(function(e) {
$('#actiontable a').click(function(e) {
$('#actiontable th').css('background','#fff');
$(this).parent('th').css('background','#ff0000');
});
});

追问

yes，搞定谢谢大哥耐心的回答追加50分给您，麻烦了！！！