包含文件导航栏在不同页面之间的跳转----样式改变

<div class="nav right">
<ul>
<li><a href="a.php" class="home_page">首页</a></li>
<li><a href="b.php">APP开发</a></li>
<li><a href="c.php">产品中心</a></li>
<li><a href="d.php">案例展示</a></li>
<li><a href="e.php">资讯中心</a></li>
<li><a href="f.php">APP下载</a></li>
</ul>
</div>

效果如下:点击app开发或者其他选项,使之颜色发生更改

产生原因:点击不同的项目,页面发生改变,因此一般的js或者css(:hover :visited  :active :link )不能实现这种效果

解决方法:

  一  使用get传值的方式

<li><a href="a.php" <?php if(参数=="首页") echo "class=\"home_page\"" ?>>首页</a></li>

 二  使用cookie传值(未验证)

 三 使用id 通过js(未验证)

document.getElementById("id").menu.className=样式

 

你可能感兴趣的:(包含文件导航栏在不同页面之间的跳转----样式改变)