Question

javascript怎么控制当前页的导航菜单样式

我把菜单独立写在PHP文件里，想在其它PHP文件里直接引用就可以了，但是现在不知道怎么用javascript去控制当前页面上对应的导航菜单的样式，要怎么写？比如 <ul><li><a href="index.php">首页</a></li><li><a href="compy_info.php">公司信息</a></li><li><a href="product.php">产品中心</a></li></ul>现在处于首页，当点击“公司信息”时网页跳转到 compy_info.php 页面，要怎么才能控制导航菜单上面的“首页”的样式改变为未选中和改变“公司信息”菜单的样式为当前选中的样式？注意：不是选项卡那种

Answer 1

你每个li都给一个ID，每个引用的页面一个js利用id给你要变样式的li加多个样式
还用什么判断，是每个引用页加js不是加载公共那个页，好象首页你就要加载首页这个详细页里面你的导航可以公用但js就要针对每个页来写

Answer 2

<ul id="nav"><li class="on"><a href="index.php">首页</a></li><li><a href="compy_info.php">公司信息</a></li><li><a href="product.php">产品中心</a></li></ul>

$("#nav li").each(function(){$(this).click(function(){
$(".nav .on").removeClass("on");
$(this).addClass("on");
});});

jquery写法，选中LI样式为“on”