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效果) 展开
当点击导航时上的Flash片头链接时,网页发生了跳转到http://www.sinker.cn/html/flashpiantou/页面,,但是这个页面的导航 Flash片头 这个链接是选中的,为红色,,当点击其它链接时,也是这种导航并选中的效果,,这种导航效果怎么做啊,,,,(不是那种在同一个页面中的tab标签js效果) 展开
3个回答
展开全部
很简单
两种方法
方法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>
===========不明白的追问吧============
两种方法
方法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>
===========不明白的追问吧============
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<?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} 。
$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} 。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个是php生成html代码的时候 赋予当前类别的 class名称为选中的class名称 这样CSS就实现这样的效果了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询