Question

网站导航，如果点击所在页面，这个导航就凹陷下去，显示当前所在位置，这个是怎么实现的啊，JavaScript么

如题。。。希望提供详细答案，十分感谢！！

Answer 1

<style>
.t{ border-bottom:1px solid #666666; border-left:1px solid #333333; border-top:2px solid #666666; border-right:2px solid #333333;}
#q{ text-align:center; vertical-align:middle; width:300px; height:30px; background-color:#999999; cursor:hand}
</style>
<script>
function t(t)
{
for(var i=1;i<=3;i++)
{
document.getElementById("t"+i).className="";
}
t.className="t";
}
</script>
<table id="q" height="41" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="t1" onclick="t(this)">网站首页</td>
<td id="t2" onclick="t(this)">公司简介</td>
<td id="t3" onclick="t(this)">联系我们</td>
</tr>
</table>

Answer 2

jQuery有类似的效果。

Answer 3

如果导航栏所在页面不刷新，用CSS+Js处理，如果导航栏在你所点击的页面上，那么就在后台展示页面的时候直接处理就可以