导航栏问题_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了导航栏问题_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1462字,纯文字阅读大概需要3分钟。
内容图文
![导航栏问题_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/401/d183bc725e2043c08a999a770557f91e.jpg)
当我第一次进入百度新闻是,默认是首页被选中的。
而当我点击互联网时,互联网的超链接是被选中的。
请问这种技术是怎么实现的?有什么学习的地方吗?能不能给个大体的思路。
回复讨论(解决方案)
我看了一下,百度是这么做的:为选中的标签添加 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个页面
一个页面 首页是选中状态
一个页面 互联网是选中状态
然后后 首页 里面的 互联网 点击后跳转到 互联网页面
你做2个页面
一个页面 首页是选中状态
一个页面 互联网是选中状态
然后后 首页 里面的 互联网 点击后跳转到 互联网页面
这种方法好笨!
http://www.96kb.com/uploadfile/201311/6152345.zip
完整的demo,你看看!和百度新闻一样!
a:active
你做2个页面
一个页面 首页是选中状态
一个页面 互联网是选中状态
然后后 首页 里面的 互联网 点击后跳转到 互联网页面
这种方法好笨!
大流量访问的页面 最终不就是 这样的
可以用jq写 当鼠标经过互联网 就添加.current类其他兄弟删除类
内容总结
以上是互联网集市为您收集整理的导航栏问题_html/css_WEB-ITnose全部内容,希望文章能够帮你解决导航栏问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。