导航栏问题_html/css

2020-11-27 来源：二三四教育网

类似于百度新闻：

当我第一次进入百度新闻是，默认是首页被选中的。

而当我点击互联网时，互联网的超链接是被选中的。

请问这种技术是怎么实现的？有什么学习的地方吗？能不能给个大体的思路。

回复讨论(解决方案)

我看了一下，百度是这么做的：为选中的标签添加 class=current
然后css文件中有：

menu-list .current a { color: #304E80; border-bottom: 3px solid #3064BB; text-decoration: none;}

这样就完成这样的效果了~

就是点击时改变自己的样式，同时改变其他所有li的样式呀！

我看了一下，百度是这么做的：为选中的标签添加 class=current
然后css文件中有：

menu-list .current a { color: #304E80; border-bottom: 3px solid #3064BB; text-decoration: none;}

这样就完成这样的效果了~

是要用JS吗？获取元素的ID然后更改样式？

你做2个页面

一个页面首页是选中状态

一个页面互联网是选中状态

然后后首页里面的互联网点击后跳转到互联网页面

这种方法好笨！

http://www.96kb.com/uploadfile/201311/6152345.zip
完整的demo，你看看！和百度新闻一样！

a:active

你做2个页面

一个页面首页是选中状态

一个页面互联网是选中状态

然后后首页里面的互联网点击后跳转到互联网页面

这种方法好笨！

大流量访问的页面最终不就是这样的

可以用jq写当鼠标经过互联网就添加.current类其他兄弟删除类

显示全文