当前页面导航激活的Javascript实现
部分的HTML(参考导航是不是#链接测试可以创建几个静态页面不可用,)
首页
HTML / CSS
Javascript
SEO
前端的新闻
Javascript部分(指定当前页的导航,并带有on的类)
$(函数(){())
VaR A1 = document.url;
A2 = $(var#导航);
对于(var i = 0;i < a2.length;i++){
如果(a1.indexof($(A2 {我})。Attr(href))!= 1){
$(A2 {我})。父()。AddClass();
返回;
}
}
$(A2 { 0 })。父()。AddClass();
})
CSS部分(可以根据自己的需要进行调整)
# NAV李{
显示:内联块;
浮点数:左;
文本对齐:中心;
身高:36px;
左:4px填充;
行高:36px;
背景:网址(图片/ GIF)不重复右下角;
}
# NAV李{
显示块;
颜色:# 777;
填充物:0 15px 0 10px;
}
#导航里,{
字体粗细:粗体;
背景:URL(图像/ GIF)不重复00;
margin-left: - 3px;
}
# NAV li.on一{
背景:网址(图片/ GIF)不重复0;
}
希望本文能对大家的javascript程序设计有所帮助。