首页 > 其他 > 详细

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

时间:2015-12-17 12:34:32      阅读:250      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!