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

<!-- 下拉菜单 -->
<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>相关推荐
treeview节点选中后添加背景色
treeview节点在鼠标放上去时可以设置变色,但是选中后鼠标离开不能保持变色,本资源用javascript脚步实现选中离开后依然保持变色,直到选中另一个节点
javascript 通用简单的table选项卡实现
第一步:引用table.js 代码如下:[removed] [removed] 第二步:定义选中的样式,比如“active”,应用选项卡的块的ID,比如“sidebar”,默认被选中的序号,比如第一个“0”; 第三步:调用函数: 代码如下:[removed] //参数分别为:默认选择项 应用块的id 选中的样式 table(0, “sidebar”, “active”) [removed] 一切OK,选项卡响应click事件,兼任IE和FF,等有时间了再优化,效果如下:
js实现简单选项卡制作
主要为大家详细介绍了js实现简单选项卡制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
简单实现js选项卡切换效果
本文实例为大家分享了js选项卡切换效果的具体代码,供大家参考,具体内容如下 实现思路: 1、首先获取id元素。 2、for循环历遍按钮元素添加onclick事件。 3、排他思想,点击按钮时设置所有选项卡按钮样式为空,利用this关键字指定当前选项卡获得高亮样式。 4、下面的多个div内容块以此类推。 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单的选项卡切换(仿Hao123导航)</title> </head> <style> * { margin: 0; padd
JS动态修改网页body的背景色实例代码
大部分网页默认的背景色为白色,个人感觉比较刺眼,于是写了个JS的脚本去改变body部分的背景色,代码如下: // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () { 'use strict'; var color = '#ececec'; var style; function createStyle() { style = d


