09-08
31

js & css实现菜单当前页效果不同

给这三个栏目的链接加分别加ID link1,link2,link3.假设三个栏目的页面文件分别为
home.aspx,about.aspx,contact.aspx.选中的样式为.curr

window.onload=function(){
var lk1=document.getElementById('link1'),
    lk2=document.getElementById('link2'),
    lk3=document.getElementById('link3'),
if(location.href.tostring().indexof(home)>-1)
{lk1.className="curr"
}
else if(location.href.tostring().indexof(about)>-1)
{lk2.className="curr"
}
else if(location.href.tostring().indexof(contact)>-1)
{lk3.className="curr"
}
}
用JS不是好方法啊。
用纯CSS实现简单得多。
CSS实现,给这三个栏目的链接加分别加ID link1,link2,link3.假设三个栏目的页面文件分别为home.aspx,about.aspx,contact.aspx分别给各自body加个id为home,about,contact
在css里面加这么一段
#home #link1,#about #link2,#contact #link3{选中的链接的样式}
就搞定了。这样同样方便你的head部分给程序员作为控件的。

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
评论: 0 | 引用: 0
发表评论
昵 称:
密 码: 游客发言不需要密码.
验证码: 验证码
内 容:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭