在做动态页面的时候，导航部分是公用的，很难直接用样式给页面对应的导航按钮添加不一样的样式，现在就使用js方法：
//获取当前页面的链接
var currentUrl = window.location.href;
//console.log(currentUrl);
//查询导航里面的li,".navbar-inverse .navbar-nav":是ul的class,
$('.navbar-inverse .navbar-nav').find('li').each(function () {
//获取点击了对应的a标签里面的链接
var objUrl = $(this).children("a").attr(("href"));
//var obur = currentUrl.indexOf(objUrl, 20);
//console.log(obur);
//判断a标签里面的链接是否是页面的链接，
if (currentUrl.indexOf(objUrl) >= 0) {
$(this).attr("class", "nav-active");
}
})
在做动态页面的时候，导航部分是公用的，很难直接用样式给页面对应的导航按钮添加不一样的样式，现在就使用js方法： /...
总结一下如何在点击导航跳转到对应的页面，让页面对应的导航栏目有自己的样式，让浏览者可以快速的知道自己当前所处的页面...
主要完成了键盘事件的响应，按下某一个键，给对应元素添加样式，再播放音乐。 难点在于如何获取键盘码和页面元素对应，给...
首页要配置页面路由 on 是给当前点击的添加样式。
功能：页面滚动到一定距离，导航置顶悬浮 之前遇到这个问题，我的做法是监听页面滚动，当页面滚动到导航时，给导航添加c...
根据官方提示给对应列添加className，给样式即可 但是在实际实现中，你会发现对应类名的样式并不会生效，其原因...
1. 添加收货地址按钮 1.1 页面结构与样式 页面结构： 页面样式： 1.2 处理添加收货地址事件 点击添加收货...
在制作页面的时候，我们有的时候使用CSS给某一元素添加了样式，有通过JavaScript给该元素添加了CSS样式，...
1.按钮练习 2.背景 3.背景属性 4.表格 5.给表格添加样式 6.导航标 7.固定单位 8.给表格添加样式 ...
1、如果是单页打印，可以给打印的页面，添加大小设置：菜单-->页面-->页面配置-->页面背景层样式-->布局--...
本文标题：给页面对应的导航添加样式
本文链接：https://www.haomeiwen.com/subject/storwftx.html
网友评论