导航栏点击变色js（导航栏鼠标经过字体变色）
本文目录一览：
- 1、网页制作中如何实现鼠标单击改变导航栏元素背景颜色的效果？
- 2、导航栏如何实现给a标签加js 例：点击首页，首页这一块背景就变成绿色，点击关于我们这一块背景变成绿
- 3、用JS实现导航栏栏目点击后，被点击后的栏目字体颜色作改变
- 4、jquery如何做导航菜单栏点击更换背景色（防刷新）
- 5、jquery导航菜单点击背景变色问题
- 6、底部导航栏点击item文字变色怎么在java中实现
网页制作中如何实现鼠标单击改变导航栏元素背景颜色的效果？
方法一：js+url，方法二：php语言判断，单单html+css实现不了你要的效果
导航栏如何实现给a标签加js 例：点击首页，首页这一块背景就变成绿色，点击关于我们这一块背景变成绿
$("#id").bind("click",function(){
$("#id").css("background","green");
});
用JS实现导航栏栏目点击后，被点击后的栏目字体颜色作改变
var menu = document.getElementById('menu');
var links = menu.getElementsByTagName('a');
for (var i = 0; i links.length; i++) {
links[i].onclick = function () {
for (var j = 0; j links.length; j++) {
if(links[j] == this) {
this.style.color = 'red';
} else {
links[j].style.color = '';
}
}
}
}
点击链接之后会刷新页面。改了颜色换了页之后也不会有效果啊。
jquery如何做导航菜单栏点击更换背景色（防刷新）
给每个菜单给以相同的ID、、然后给ID绑定点击事件，当前菜单点击时注入一个css的class，其他的注入默认的class。差不多就可以了。
jquery导航菜单点击背景变色问题
1、可以在url地址上加上一个参数，当新页面加载完成，你把参数值获取下来，是哪个就给哪个菜单加上背景；2、也可以使用cookie来记录，当点击菜单的时候，记录下来，在新页面加载完成的时候把这个cookie值获取出来，就可以知道用户之前点击的哪个菜单，然后给这个菜单加上背景就可以了。不明白的话继续追问~~
底部导航栏点击item文字变色怎么在java中实现
简单来说就是一个点击事件
点击事件中包含几项内容：
修改之前是选中状态的按钮的样式
修改被选中的按钮的样式
页面跳转
简单写个样子
!-- 页面 --
html
head
style type="text/css"
button .active {
background: #CDCDCD;
}
button {
background: #00FF00;
}
/style
/head
body
div id="bottom-bar
button id="button1" class="38c6-314a-6747-f780 active"按钮1/button
button id="button2"按钮2/button
button id="button3"按钮3/button
button id="button4"按钮4/button
/div
/body
/html
//js代码
$('button').click(function () {
//先找之前按钮哪个被选中了
$('button').each(function () {
//遍历所有button，找到有active的class的button，去掉这个button的active
if ($(this).hasClass('active')) {
$(this).removeClass('active');
}
});
//给现在点击的button添加active
$(this).addClass('active');
//页面跳转
...
});
