码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-12-17 12:36:06      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

<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=样式

 

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

标签:

原文地址:http://www.cnblogs.com/jingzi111/p/5053582.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!