求教一个简单的js，如下图，当选中某个选项会有背景色，没选中的就没有。

东风破1994 2015-06-14 10:48:58
例如选中个人资料，个人资料背景色变成橙色，选中修改密码时背景色变成橙色，个人资料背景色消失。

<!-- 下拉菜单 -->

<div id="firstpane" class="menu_list">



	<h3 class="menu_head current">我的发布</h3>

	<div style="display:block" class="menu_body">

		<a href="#">全部信息</a>

		<a href="#">显示中的信息</a>

	    <a href="#">审核中的信息</a>

	    <a href="#">已删除的信息</a>

	

	</div>

	

	<h3 class="menu_head">卖家交易</h3>

	<div style="display:none" class="menu_body">

		<a href="#">我的订单</a>

		<a href="#">退款管理</a>



	</div>

	

	<h3 class="menu_head">管理账户</h3>

	<div style="display:none" class="menu_body">

		<a href="javascript:void(0);" onmousedown="showConent('ziliao.html')">个人资料</a>

		<a href="javascript:void(0);" onmousedown="showConent('ziliao.html')">修改密码</a>

	</div>

</div>
...全文
293 3 打赏 收藏 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Waitforsniping 2015-06-15
  • 打赏
  • 举报
 回复
给右边的div加上id，判断右边当前显示的div的id，写一个判断，如果得到修改资料div的id就使修改资料的背景色改变。 

var s = jQuery("body")[0].id;
var pagelist = jQuery(".bar-list ul li");
var highlightlist = jQuery(".highlight-bar");
switch(s){
	
	case "page-index":	
		pagelist.eq(0).css('background-color', 'rgba(0, 128, 120, 0.5)'); 
		highlightlist.eq(0).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg2": 
		pagelist.eq(1).css('background-color', 'rgba(0, 128, 120, 0.5)');
		highlightlist.eq(1).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg3": pagelist.eq(2).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
	case "pg4": pagelist.eq(3).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
}
这是我写的根据当前页面信息设置导航条背景色的jQuery代码，你可以参考下。
Waitforsniping 2015-06-15
  • 打赏
  • 举报
 回复
个人资料和修改密码，看看这两个div哪个当前显示，然后设定左边列表的背景色。
东风破1994 2015-06-15
  • 打赏
  • 举报
 回复
引用 1 楼 qq542369628 的回复:
给右边的div加上id，判断右边当前显示的div的id，写一个判断，如果得到修改资料div的id就使修改资料的背景色改变。 

var s = jQuery("body")[0].id;
var pagelist = jQuery(".bar-list ul li");
var highlightlist = jQuery(".highlight-bar");
switch(s){
	
	case "page-index":	
		pagelist.eq(0).css('background-color', 'rgba(0, 128, 120, 0.5)'); 
		highlightlist.eq(0).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg2": 
		pagelist.eq(1).css('background-color', 'rgba(0, 128, 120, 0.5)');
		highlightlist.eq(1).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg3": pagelist.eq(2).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
	case "pg4": pagelist.eq(3).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
}
这是我写的根据当前页面信息设置导航条背景色的jQuery代码，你可以参考下。
引用 1 楼 qq542369628 的回复:
给右边的div加上id，判断右边当前显示的div的id，写一个判断，如果得到修改资料div的id就使修改资料的背景色改变。 

var s = jQuery("body")[0].id;
var pagelist = jQuery(".bar-list ul li");
var highlightlist = jQuery(".highlight-bar");
switch(s){
	
	case "page-index":	
		pagelist.eq(0).css('background-color', 'rgba(0, 128, 120, 0.5)'); 
		highlightlist.eq(0).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg2": 
		pagelist.eq(1).css('background-color', 'rgba(0, 128, 120, 0.5)');
		highlightlist.eq(1).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg3": pagelist.eq(2).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
	case "pg4": pagelist.eq(3).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
}
这是我写的根据当前页面信息设置导航条背景色的jQuery代码，你可以参考下。
引用 1 楼 qq542369628 的回复:
给右边的div加上id，判断右边当前显示的div的id，写一个判断，如果得到修改资料div的id就使修改资料的背景色改变。 

var s = jQuery("body")[0].id;
var pagelist = jQuery(".bar-list ul li");
var highlightlist = jQuery(".highlight-bar");
switch(s){
	
	case "page-index":	
		pagelist.eq(0).css('background-color', 'rgba(0, 128, 120, 0.5)'); 
		highlightlist.eq(0).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg2": 
		pagelist.eq(1).css('background-color', 'rgba(0, 128, 120, 0.5)');
		highlightlist.eq(1).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg3": pagelist.eq(2).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
	case "pg4": pagelist.eq(3).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
}
这是我写的根据当前页面信息设置导航条背景色的jQuery代码，你可以参考下。
是在class=“
引用 1 楼 qq542369628 的回复:
给右边的div加上id，判断右边当前显示的div的id，写一个判断，如果得到修改资料div的id就使修改资料的背景色改变。 

var s = jQuery("body")[0].id;
var pagelist = jQuery(".bar-list ul li");
var highlightlist = jQuery(".highlight-bar");
switch(s){
	
	case "page-index":	
		pagelist.eq(0).css('background-color', 'rgba(0, 128, 120, 0.5)'); 
		highlightlist.eq(0).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg2": 
		pagelist.eq(1).css('background-color', 'rgba(0, 128, 120, 0.5)');
		highlightlist.eq(1).css('background-color', 'rgb(47, 137, 197)');
		break;
	case "pg3": pagelist.eq(2).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
	case "pg4": pagelist.eq(3).css('background-color', 'rgba(255, 0, 0, 0.8)'); break;
}
这是我写的根据当前页面信息设置导航条背景色的jQuery代码，你可以参考下。
是在class="menu_body"后面加ID还是在<a>标签
用JavaScript简单的改变网页背景色
一、题目要求 在一个文本框里面输入颜色的名称（如：蓝色，紫色），点击文本框旁边的按钮，让网页的背景色改变成文本框中的名称对应的颜色。 二、代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页变色</title> <script type="text/javascript"> function show(){ var x=docum
Layui 数据表格单击行选中当前行复选框并改变背景色
Layui 数据表格单击行选中当前行复选框并改变其背景色 第一种：行监听 实现思路 直接修改复选框选中状态和伪复选框（DIV）Class 但是调用checkStatus获取不到选中的行 查看底层源代码checkStatus方法的实现是缓存数据中的属性来判断是否选中 所以循环缓存数据，用index找到操作数据修改，再次获取选中行就可以获取到了 // test为表格ID table.on('row(test)', function (obj) { var flag
js 利用window.getSelection() 实现简单的文字标注（鼠标选中文本，给其加下滑线、背景色）
js 利用window.getSelection() 实现简单的文字标注（鼠标选中文本，给其加下滑线、背景色） window.getSelection()
html div选中变色,css里我们选中一个div里的一个input设置背景色
new_object_楼主问的是静态的设置背景色还是选中了input后变色？如果是保持颜色则如楼上所述，通过选择器设置input的css样式即可：divinput{background-color:#abcdef;}若为点击input后使其变色，则可以通过css的focus伪类为input设置背景色，具体代码如下：html>Thisisademoforbackground-c...
Easyui Datagrid 选中和不选中背景色：
$('#dg').datagrid({ url: 'url', method: 'get', fitColumns: true, columns:[[ {field:'itemid',title:'Item ID',width:80} ]], //选中时的背景色
JavaScript

87,984

社区成员

224,681

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章