php css js 实现 tab导航问题

样式:http://www.sinker.cn/上的导航效果当点击导航时上的Flash片头链接时,网页发生了跳转到http://www.sinker.cn/html/fl... 样式:http://www.sinker.cn/上的导航效果
当点击导航时上的Flash片头链接时,网页发生了跳转到http://www.sinker.cn/html/flashpiantou/页面,,但是这个页面的导航 Flash片头 这个链接是选中的,为红色,,当点击其它链接时,也是这种导航并选中的效果,,这种导航效果怎么做啊,,,,(不是那种在同一个页面中的tab标签js效果)
展开
 我来答
tatooo
2013-03-22 · TA获得超过2119个赞
知道小有建树答主
回答量:2497
采纳率:46%
帮助的人:679万
展开全部
很简单
两种方法
方法1:如果你跳转的页面不是用的一个公共页面的话,你可以单独给当前页面对应导航加一个class让其为红色
方法2:用js,这里给你提供一个jquery 的吧,兼容性好一些,需要先链接jquery插件,代码如下
===========js部分============
$(function(){
$(".nav a").click(function(){
$(".nav a").css({color:"#333"});
$(this).css({color:"#f00000"});
})
})
============css部分=============
.nav a {
float:left;
color:#333;
font-size:12px;
padding:10px;
cursor:pointer;
list-style:none;
text-decoration:none;
display:block;
}

==================html部分===================
<div class="nav">
<a href="#">网站首页</a>
<a href="#">关于我们</a>
<a href="#">产品展示</a>
<a href="#">招贤纳士</a>
<a href="#">招商引资</a>
<a href="#">联系我们</a>
</div>
===========不明白的追问吧============
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yongirl320
2013-03-22 · TA获得超过830个赞
知道小有建树答主
回答量:280
采纳率:100%
帮助的人:481万
展开全部
<?php

$menu = array(
'/a.php'=>'首页',
'/b.php'=>'公司介绍',

'/c.php'=>'产品',

'/d.php'=>'联系我们'

);

//这个变量是你需要的, 当前页面 路径名 , 需要稍微处理一下

$p = $_SERVER['PHP_SELF'];

$menuHtml = '<ul>';
foreach($menu as $k=>$v){
//判断 页面链接和 当前页面路径是否一样 如果一样 就给加上 class="current"
$current = ($k==$p) ? ' class="current"' : '';
$menuHtml .= '<li'.$current.'><a href="'.$k.'">'.$v.'</a></li>';

}
$menuHtml .= '</ul>';

?>

最后 $p = $_SERVER['PHP_SELF']; 这个值 你自己输出一下看看,
你还可以加上 basename函数 提取 文件名, 然后进行比较

另外 CSS里 当然要先 设置好 .current a {color:red} 。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tuifeicmp
2013-03-22 · TA获得超过359个赞
知道小有建树答主
回答量:768
采纳率:53%
帮助的人:233万
展开全部
这个是php生成html代码的时候 赋予当前类别的 class名称为选中的class名称 这样CSS就实现这样的效果了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式