javascript实现当前页导航激活
之前写过一篇导航效果,效果是有的,但是左辽同学所没有效果,我就再写这篇javascript实现当前页导航激活,希望像左辽同学类似的问题得到解决!
(这个不是我写的,在逛大前段的时候偶然发现了,然后就学习了...)
html(引用大前端的导航,不可用#代替链接,测试可以新建几个静态页面)
javascript(给当前页面指定导航加了.on的class)
$(function() {
var a1 = document.url;
var a2 = $(“#nav a”);
for (var i = 0; i
css(根据自己的需求做相关调整)
#nav li{display:inline-block;float:left;text-align:center;height:36px;padding-left:4px;line-height:36px;background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat right bottom;}
#nav li a{display:block;color:#777;padding:0 15px 0 10px;}
#nav li.on{font-weight:bold;background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat 0 0;margin-left:-3px;}
#nav li.on a{background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat right 0;}
绿色通道:好文要顶关注我收藏该文与我联系
posted @ 2011-05-02 11:52 三m三 阅读(1225) 评论(3)编辑 收藏
发表评论
2084816
回复 引用 查看
#1楼 2011-05-02 12:47 o0可可奶茶0o
谢谢
回复 引用 查看
#2楼 2011-05-02 16:59 huyong
well.
回复 引用 查看
#3楼 2011-05-02 21:31 thinkquan
非常不错!
发表评论
昵称: [登录]
主页:
邮箱:(仅博主可见)
验证码:看不清。
换一个
评论内容:
记住我的昵称和主页
-->
[使用ctrl+enter键快速提交评论]
0
2034311
rcg+oge0w5q=
最新it新闻:
» 更多新闻...
最新知识库文章:
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/