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^)/