`

点击当前文字连接,使其背景色改变,其余连接不发生变化

阅读更多
/*----------------html代码-------------------------*/

<div class="left-menu">
<div id="line1"></div>

<div class="nav">
<ul >
        <li class="li-list"><a href="Teams.html" target="mainFrame">学期定义</a></li>
<li class="li-list"><a href="TeachPlans.html" target="mainFrame">教学计划管理</a></li>
<li class="li-list"><a href="TeachPlan.html" target="mainFrame">制定教学计划</a></li>
            <li class="li-list"><a href="CourseDispatch.html" target="mainFrame">派课信息管理</a></li>
</ul>
</div>
<div id="line1"></div>
<div class="nav">
<ul>
<li class="li-list"><a href="#">资料类别定义</a></li>
<li class="li-list"><a href="#">资料管理</a></li>
<li class="li-list"><a href="#">资料上传</a></li>
<li class="li-list"><a href="#">资料详情</a></li>
</ul>
</div>
<div id="line1"></div>
    <div class="nav">
<ul>
<li class="li-list"><a href="WkloadCriterion.html" target="mainFrame">三字经</a></li>
            <li class="li-list"><a href="TutorWkloadAssign.html" target="mainFrame">易经</a></li>
            <li class="li-list"><a href="ThesisGuidDispatch.html" target="mainFrame">阿什顿</a></li>
<li class="li-list"><a href="TutorWkloadAccnt.html" target="mainFrame">发表文章</a></li>
<li class="li-list"><a href="CoursewareWkloadAccnt.html" target="mainFrame">分类管理</a></li>
            <li class="li-list"><a href="#">评论管理</a></li>
<li class="li-list"><a href="#">做电子书</a></li>
            <li class="li-list"><a href="#">回收站</a></li>


</ul>
</div>
</div>

/*-----------------------css代码--------------------*/

.left-menu{ width:167px;}
.left-menu #line1{ width:125px; height:4px; background:url(../images/line1.png) no-repeat; margin-top:18px; margin-left:26px;}
.nav{margin-top:-5px; margin-left:-10px;}
.nav ul{ display:block; }
.nav ul li{ list-style:none; margin-bottom:5px;}
.nav a:link,.nav a:visited{ font-family:"黑体";font-size:14px; text-decoration:none; color:#000000;}
.nav a:hover{ text-decoration:underline;}

/*----------------------jquery代码-------------------------*/

$(document).ready(function(){

  $(".li-list").click(function(){
   $("li").siblings().css("background-color","");
   $(this).css("background-color","#D8D8D8");
   
  });
});
分享到:
评论

相关推荐

    数组颜色_数组中背景色改变_

    5. 显示数组:最后,将改变颜色后的数组连接到前面板上的显示控件,如图表或波形图表,以便用户可以看到颜色变化的效果。 文件名"数组颜色.vi"很可能是一个完成以上步骤的VI实例,包含了实现数组背景色改变的完整...

    MFC 按钮控件背景色改变

    在MFC中,我们经常会遇到需要自定义控件以满足特定需求的情况,比如改变按钮控件的背景色。本文将详细讨论如何在MFC中实现按钮控件背景色的改变。 首先,我们要了解MFC中的按钮控件通常是CButton类的实例。CButton...

    QTableView鼠标滑过整行背景色改变.zip

    默认情况下,`QTableView`并不支持鼠标滑过行时自动改变背景色的功能,因此我们需要自定义其行为。 1. **创建事件过滤器**: 为了监听鼠标事件,我们需要为`QTableView`创建一个事件过滤器。事件过滤器是一种机制...

    菜单导航(鼠标点击那个菜单,那个菜单背景颜色改变)

    本话题聚焦于一个特定的功能:当用户鼠标点击某个菜单项时,该菜单项的背景颜色会发生变化。这个功能在视觉上提供了反馈,使得用户能够清楚地识别当前所选的选项,提高了用户体验。 实现这个功能通常涉及到HTML、...

    word中给一段文字添加背景色&&设置密码

    这种方法的优点是可以快速地添加背景色,缺点是只能设置整页的背景色,不能设置局部的背景色。操作步骤如下: * 选中要添加背景色的页面,右键点击选择“页面布局”-“页面边框”。 * 在“页面边框”对话框中,选择...

    可改变背景色的tabcontrol

    尽管默认情况下,CBitmapTabCtrl可能不直接支持动态改变背景色,但可以通过覆盖其OnCtlColor方法,重新定义背景色。这里你需要创建一个新的画刷,设置其颜色为你想要的背景色,然后返回该画刷。 3. **CWETabCtrl**...

    css改变选中字体背景色和字体色

    在CSS(层叠样式表)中,改变选中文字的字体背景色和字体颜色是常见的需求,这通常涉及到用户交互时的高亮显示或者自定义突出显示文本。本篇文章将详细探讨如何通过CSS实现这一功能。 首先,我们需要理解CSS中的伪...

    鼠标移动到DIV上改变其背景色JS和CSS两种方法

    本主题将探讨如何使用JavaScript和CSS来实现当鼠标移动到一个`&lt;div&gt;`元素上时改变其背景色的效果。 首先,我们来讨论CSS的方法。CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML...

    Blend 修改 WPFr ComboBox的背景色、字体颜色和下拉背景色

    在本文中,我们将深入探讨如何使用Microsoft Blend工具来修改WPF(Windows Presentation Foundation)ComboBox的背景色、字体颜色以及下拉列表的背景色。Blend是一款强大的设计工具,它为WPF开发者提供了直观的可视...

    更改DateTimePick控件背景色

    默认情况下,DateTimePicker的外观和风格是由系统设定的,但有时为了满足特定的用户界面需求,我们可能希望自定义它的外观,例如改变其背景色。在标题"更改DateTimePick控件背景色"中提到的问题,就是关于如何实现这...

    设置CEdit的文本框背景色和文字颜色

    [WTL/ATL]_[初级]_[如何设置CEdit的文本框背景色和文字颜色] 项目配套的项目代码,至少 VS2010以上编译 ,Debug模式。 https://blog.csdn.net/infoworld/article/details/124196002

    可改变背景色的CIPAddressCtrl派生类源码

    在这个特定情况下,开发者创建了一个派生类,扩展了CIPAddressCtrl的功能,使其能够设置自定义背景色。 要实现这个功能,开发者可能采用了以下几种技术: 1. **重绘控件**:派生类可能会覆盖基类的`OnPaint()`函数...

    combobox 去掉边框,更改背景色 字体颜色

    以上代码示例展示了如何创建一个自定义的`ComboBox`控件,实现了去边框、改变背景色和字体颜色的功能,并且可以根据控件的可用性动态调整其外观。在实际项目中,你可以根据需要对这个基础示例进行扩展,比如添加圆角...

    改变MFC对话框背景色、控件内的字体

    在MFC应用中,改变对话框的背景色和控件内字体的颜色是一项常见的需求,这可以通过处理WM_CTLCOLOR消息来实现。这个消息在Windows消息系统中被用来通知应用程序为特定控件设置画刷,从而改变其背景颜色。在MFC中,...

    VC自绘CTabCtrl可以改变背景色

    在默认情况下,`CTabCtrl` 的样式和颜色是由系统定义的,但有时开发者可能需要自定义其外观,比如改变背景色、调整边框样式等,以满足特定的界面设计需求。这就是“VC自绘CTabCtrl”的概念。 自绘(Custom Draw)是...

    如何更改MFC按钮的背景色

    接下来,我们可以使用CMFCButton对象的各种方法来更改按钮的背景色、文字颜色、图片背景、鼠标指针等属性。例如: button-&gt;SetFaceColor(RGB(153, 217, 234)); // 更改背景颜色 button-&gt;SetWindowTextW(_T("强制...

    网页中表格单元改变背景色

    单击表格中的单元格使当前单元格变色 离开后自动恢复原来背景色

    列表控件扩展类,CListCtrlEx-改变任意列颜色,背景色

    然而,`CListCtrl` 默认功能有限,不支持对单个列的颜色或背景色进行自定义。为了实现这个功能,我们可以扩展`CListCtrl` 类,创建一个新的类,例如`CListCtrlEx`。 标题“列表控件扩展类,CListCtrlEx-改变任意列...

    易语言高级表格鼠标移动时改变背景色

    4. **改变背景色**:一旦确定了当前鼠标所在的单元格,你可以改变该单元格的背景色。易语言的表格控件通常提供了修改单元格属性的方法,如`设置单元格颜色`,将这个方法与鼠标位置结合,就可以动态地改变背景颜色。 ...

    改变listctrl 单元格背景及文字颜色(非重写控件)

    标题“改变listctrl 单元格背景及文字颜色(非重写控件)”指的是在不重新定义或重载`CListCtrl`类原有功能的情况下,实现对列表视图控件中单个单元格的背景色和文字颜色的自定义。这通常涉及到低级绘图技术,如消息...

Global site tag (gtag.js) - Google Analytics