导航栏问题_html/css_WEB-ITnose

类似于百度新闻:

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

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

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

回复讨论(解决方案)

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

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

登录后复制登录后复制

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

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

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

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

登录后复制登录后复制

这样就完成这样的效果了~
是要用JS吗?获取元素的ID然后更改样式?

你做2个页面

一个页面  首页是选中状态

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

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

你做2个页面

一个页面  首页是选中状态

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

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

这种方法好笨!

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

a:active

你做2个页面

一个页面  首页是选中状态

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

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

这种方法好笨!

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

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    为啥鼠标滑过li里的a没效果?_html/css_WEB-ITnose

    2025-3-29 7:07:38

    编程技术

    JetBrains IntelliJ平台中的 LESS CSS compiler 插件_html/css_WEB-ITnose

    2025-3-29 7:07:50

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索