阿Q吧 > 在滑动导航中，css如何设置鼠标点击其中一个跳到该页面后，该选项颜色为滑动停止项

在滑动导航中，css如何设置鼠标点击其中一个跳到该页面后，该选项颜色为滑动停止项

2025-01-06 13:15:53

推荐回答（2个）

回答1：

这个不是CSS能设定的。你要在不同的页面里分别设置导航条。或者你可以用一个函数来生成导航条，根据调用页面的不同，生成样式不同的导航条。

举个例子：例如php函数：
function getNav($page){
//储存你的导航栏信息
$nav_s = array("首页","公司简介","产品展示","客户案例","诚聘英才");
$nav_d = array("index.php","about.php","products.php","demo.php","xxx.php");
//通过循环输出导航
$html = '

if($page==$i){
$html .= '

' . $nav_s[$i] . '

';
}else{
$html .= '

' . $nav_s[$i] . '

';
}
$html .= '

';
return $html;
}
}
然后在不同的页面里调用，

比如在index.php里应写为
$nav_html = getNav(0);
echo $nav_html;
在公司简介页面about.php里应写为
$nav_html = getNav(1);
echo $nav_html;
类推。。

回答2：

首先，想知道你的具体意思是什么。

我的猜测是，你想实现这种效果：“首页”有红色背景，但是点击“产品展示”后跳转到产品展示页后，红色背景在“产品展示”上？
如果是这样的话，只要在首页的页面给“首页”这个链接设置红色背景，在产品展示页给“产品展示”这个链接设置红色背景即可