左侧菜单栏用ul li编写，每个li里面放不同的背景图片，点击第一个li，该li的背景图片蓝色变成白色，点击第二个li，背景图片也变为白色，但是第一个li的背景图片变回蓝色，请问想写成通用的怎么写，无论多少个li加进去都可以这样，而不是通过事件一个一个变。
JQuery实现菜单栏样式切换怎么实现？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
7条回答 默认 最新
lsj125090311 2018-01-05 11:57关注<!DOCTYPE html>
tab标签
<!-- tab栏 -->
<!-- 对应显示内容 -->title 11111
text here!!!text here!!!text here!!!text here!!!text here!!!
text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!
title 2222
text here!!!text here!!!text here!!
text here!!!text here!!!text here!!!text here!text here!!!text here!!!text here!!!
title 33333
text here!!!
text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!text here!!!
title 44444
text here!!!text here!!!text here!!!text here!!!text here!!!
text here!!!text
解决 无用评论 打赏举报 分享
- 2022-05-08 13:03回答 1 已采纳 如有帮助，请采纳一下，谢谢！如有不清楚可以在问额。 1、在一个区域内，设置宽高，超出这部分区域就要实现一个隐藏 2、获取图片的大小 为300，索引从0开始 3、当你点击右边的按钮时候，就要实现你点击的
- 2021-11-14 17:00回答 1 已采纳 二级菜单用这个也可以https://www.cnblogs.com/wuqianling/p/6762146.html
- 2021-11-14 16:39回答 1 已采纳 用show/hide来做，不用slideToggle
- 2023-03-16 18:28木子欢儿的博客 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />...meta name="viewport" content="...
- 2017-08-03 14:14回答 1 已采纳 也是用dom事件和特性来实现的，看这个 http://www.cnblogs.com/rubylouvre/archive/2009/12/30/1635645.html
- 2022-02-27 14:56回答 1 已采纳 $(function(){ // var $inputs = $('input'); // console.log($inputs);
- 2022-09-23 23:50回答 3 已采纳 题主用的iframe加载页面，没跨域的情况下可以通过dom关系来获取。具体可以参考这篇文章，需要找到DOM关系 iframe和父页，window.open打开页面之间的
- 2022-06-13 11:35智慧秃头少女的博客 今天主要是如何通过js和jq来实现如何进行导航栏切换，具体效果如下图所示：
- 2022-04-07 21:54回答 3 已采纳 html.append("<td>"+data[i].name+"</td>") 或者 html.append(`<td>${data[i].name}</t
- 2022-11-02 02:22回答 3 已采纳 <script> let elem = document.getElementsByClassName('common-backtop-link') window.onsc
- 2021-07-16 13:59回答 3 已采纳 你说的是tab栏切换?
- 2022-09-25 18:19前端进阶中的博客 jQuery做tab栏切换
- 2017-09-14 11:32回答 3 已采纳 ``` $("tooltip").css({ ====>选择器错了，少了# $("#tooltip").css({ ```
- 2023-09-27 07:52ByteWhisper的博客 在上面的代码中，我们定义了菜单栏的样式、内容区域的样式以及一个可以点击的按钮来切换菜单栏的展开和收缩状态。首先，我们需要一个基本的HTML结构，其中包含一个侧边菜单栏和一个主要内容区域。现在，当你在浏览器...
- 2022-04-07 10:42后台管理系统示例， 以实验管理系统为例。 使用bootstrap快速搭建布局和样式 实现了左侧菜单切换右侧内容等功能 左侧菜单实现了菜单的弹出和隐藏。 右侧内容可以根据左侧菜单的内容进行切换
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 ubuntu子系统密码忘记
- ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
- ¥15 保护模式-系统加载-段寄存器
- ¥15 matlab求解平差
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料
- ¥15 使用R语言marginaleffects包进行边际效应图绘制
- ¥20 usb设备兼容性问题
- ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
- ¥15 安装svn网络有问题怎么办