js如何实现导航栏鼠标点击选中后的效果

JavaScript013

js如何实现导航栏鼠标点击选中后的效果,第1张

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下: 1.被点击时的效果可以用div:active{ css } 2.鼠标覆盖在上面的时候可以用div：hover{ css} 3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下： a.先给div添加一个选中的样式比如on{css}； b.然后在js中$('div').click(function{ $('div').toggleClass(' ','on')}) 这是jquery自带的一个方法，点击div切换2个class,

原因：你点击左侧菜单，整个页面被刷新了，从而始终第一个被选中

方法一：

点击左侧菜单的时候，顺便把参数带过去到后台，然后从后台返回，获取参数，你就知道是点击了哪个然后再进行你的第二种设置。

方法二：

利用jquery的ajax，无刷新跳转获取数据

给页面url地址传的一个参数，页面加载的时候用js去获取这个参数。然后选中对应的导航加入一个class名称。

在每一个页面里都用js指定一个导航加上calss名称