javascript实现当前页导航激活javascript

javascript实现当前页导航激活

之前写过一篇导航效果,效果是有的,但是左辽同学所没有效果,我就再写这篇javascript实现当前页导航激活,希望像左辽同学类似的问题得到解决!

(这个不是我写的,在逛大前段的时候偶然发现了,然后就学习了...)

html(引用大前端的导航,不可用#代替链接,测试可以新建几个静态页面)

首页

html/css

javascript

seo

前端新闻

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新闻:

·小米晒余额：支付宝昨日到账1.22亿

·windows 7官方rss动态主题：《昆虫》

·捡到iphone 4s玩自拍 icloud同步酿悲剧

·铁道部购票网站存泄密危险 cdn服务商技术短板是主因

·利用 mimo magictouch 打造另类的平板电脑

» 更多新闻...

最新知识库文章:

·设计师的品牌意识

·如何成为“10倍效率”开发者

·快速排序（quicksort）的javascript实现

·wcf服务端运行时架构体系详解[续篇]

·wcf服务端运行时架构体系详解[下篇]

» 更多知识库文章...

china-pub 2011秋季教材巡展

china-pub 计算机绝版图书按需印刷服务

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/