导航改背景颜色 是点击

[89蛇]

<tr>
<td width="97" height="40" align="center" background="images/m2.jpg" class="f12" ><a href="HomePage.aspx">首页</a></td>
<td width="97" align="center" class="f12" ><a href="DaPan.aspx">大盘预判</a></td>
<td width="97" align="center" class="f12" ><a href="NowNew.aspx">今日要闻</a></td>
<td width="97" align="center" class="f12" ><a href="BlackMa.aspx">黑马猎杀</a></td>
<td width="97" align="center" class="f12" ><a href="HistoryReview.aspx">历史战绩</a> </td>
<td width="97" align="center" class="f12" ><a href="NiuGuJM.aspx">牛股解密</a> </td>
<td width="97" align="center" class="f12" ><a href="JinGu.aspx">金股专刊</a> </td>
<td width="97" align="center" class="f12" > <a onclick="fuwu()" style="cursor:pointer" >股市在线</a> </td>
<td width="97" align="center" class="f12"><a href="版本介绍.aspx">版本介绍</a> </td>
<td width="97" align="center" class="f12"><a href="AboutUs.aspx">联系我们</a> </td>

</tr>

点那个页面 那个导航背景 就变成 background="images/m2.jpg" 其他的不变



像首页一样的效果 这个我是写死的 点那个那个就和首页效果一样 其他的不变

[泡泡鱼_]

引用 4 楼 u012422324 的回复:

[quote=引用 1 楼 showbo 的回复:] 分析location.href得到文件名称，对比你导航的链接，包含就增加背景 DEMO

<div id="dvGuider">
<a href="1.html">1.html</a>
<a href="2.html">2.html</a>
<a href="3.html">3.html</a>
<a href="4.html">4.html</a>
</div>
<style>
a.focus{background:#ff0000;color:#ffffff;}
</style>
<script>
    var pn = location.pathname;
    var as = document.getElementById('dvGuider').getElementsByTagName('a'),find=false;
    for (var i = 0, j = as.length; i < j; i++)
        if (as[i].href.indexOf(pn) != -1) { as[i].className = 'focus'; find = true; break; }
    //if (!find) as[0].className = 'focus';//如果未找到匹配的，需要设置哪个获取焦点可以修改这句
</script>

有用吗 没看懂啊 版主[/quote] 这个示例就是检测导航中的某项的href的值是否包含了当前页的路径. 以上面的示例来说:as[i].href的值是:http://主域名/[1.html/2.html/3.html/4.html].但pn的值是:1.html/2.html/3.html/4.html

[roro5119]

最好还是不要用表格吧

[斯洛文尼亚旅游]

分析location.href得到文件名称，对比你导航的链接，包含就增加背景 DEMO

<div id="dvGuider">
<a href="1.html">1.html</a>
<a href="2.html">2.html</a>
<a href="3.html">3.html</a>
<a href="4.html">4.html</a>
</div>
<style>
a.focus{background:#ff0000;color:#ffffff;}
</style>
<script>
    var pn = location.pathname;
    var as = document.getElementById('dvGuider').getElementsByTagName('a'),find=false;
    for (var i = 0, j = as.length; i < j; i++)
        if (as[i].href.indexOf(pn) != -1) { as[i].className = 'focus'; find = true; break; }
    //if (!find) as[0].className = 'focus';//如果未找到匹配的，需要设置哪个获取焦点可以修改这句
</script>

[zhjdg]

你点完了，就跳到另一个页面。 既然跳到另一个页面，又何必写javascript.直接再那页面加个class不就省事。

[89蛇]

引用 2 楼 u011461314 的回复:

你点完了，就跳到另一个页面。 既然跳到另一个页面，又何必写javascript.直接再那页面加个class不就省事。

导航 在母版页里面

[89蛇]

引用 1 楼 showbo 的回复:

分析location.href得到文件名称，对比你导航的链接，包含就增加背景 DEMO

<div id="dvGuider">
<a href="1.html">1.html</a>
<a href="2.html">2.html</a>
<a href="3.html">3.html</a>
<a href="4.html">4.html</a>
</div>
<style>
a.focus{background:#ff0000;color:#ffffff;}
</style>
<script>
    var pn = location.pathname;
    var as = document.getElementById('dvGuider').getElementsByTagName('a'),find=false;
    for (var i = 0, j = as.length; i < j; i++)
        if (as[i].href.indexOf(pn) != -1) { as[i].className = 'focus'; find = true; break; }
    //if (!find) as[0].className = 'focus';//如果未找到匹配的，需要设置哪个获取焦点可以修改这句
</script>

有用吗 没看懂啊 版主