- 浏览: 63759 次
- 性别:
- 来自: 大连
-
文章分类
最新评论
/*----------------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");
});
});
<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");
});
});
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1267<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 621CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1050script代码: <script type=" ... -
html之marquee详解
2014-03-28 10:07 649该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 19211。html中a标签的四个属性书写是有顺序的,如果顺序不对,显 ... -
修改360浏览器内核
2014-03-10 17:19 1947浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 771有时候,为了网页设计的美观,需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1231<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 660对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1956开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 599进行网页设计时,由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 961<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 579■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得 ... -
顶部浮动
2013-11-29 09:37 450<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 552很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现 ... -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
2013-09-05 13:55 1010CSS hack:针对IE6,IE7,firefox显示不同效 ... -
white-space:
2013-08-30 10:57 517定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1248{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 617<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 788所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同 ...
相关推荐
5. 显示数组:最后,将改变颜色后的数组连接到前面板上的显示控件,如图表或波形图表,以便用户可以看到颜色变化的效果。 文件名"数组颜色.vi"很可能是一个完成以上步骤的VI实例,包含了实现数组背景色改变的完整...
在MFC中,我们经常会遇到需要自定义控件以满足特定需求的情况,比如改变按钮控件的背景色。本文将详细讨论如何在MFC中实现按钮控件背景色的改变。 首先,我们要了解MFC中的按钮控件通常是CButton类的实例。CButton...
默认情况下,`QTableView`并不支持鼠标滑过行时自动改变背景色的功能,因此我们需要自定义其行为。 1. **创建事件过滤器**: 为了监听鼠标事件,我们需要为`QTableView`创建一个事件过滤器。事件过滤器是一种机制...
本话题聚焦于一个特定的功能:当用户鼠标点击某个菜单项时,该菜单项的背景颜色会发生变化。这个功能在视觉上提供了反馈,使得用户能够清楚地识别当前所选的选项,提高了用户体验。 实现这个功能通常涉及到HTML、...
这种方法的优点是可以快速地添加背景色,缺点是只能设置整页的背景色,不能设置局部的背景色。操作步骤如下: * 选中要添加背景色的页面,右键点击选择“页面布局”-“页面边框”。 * 在“页面边框”对话框中,选择...
尽管默认情况下,CBitmapTabCtrl可能不直接支持动态改变背景色,但可以通过覆盖其OnCtlColor方法,重新定义背景色。这里你需要创建一个新的画刷,设置其颜色为你想要的背景色,然后返回该画刷。 3. **CWETabCtrl**...
在CSS(层叠样式表)中,改变选中文字的字体背景色和字体颜色是常见的需求,这通常涉及到用户交互时的高亮显示或者自定义突出显示文本。本篇文章将详细探讨如何通过CSS实现这一功能。 首先,我们需要理解CSS中的伪...
本主题将探讨如何使用JavaScript和CSS来实现当鼠标移动到一个`<div>`元素上时改变其背景色的效果。 首先,我们来讨论CSS的方法。CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML...
在本文中,我们将深入探讨如何使用Microsoft Blend工具来修改WPF(Windows Presentation Foundation)ComboBox的背景色、字体颜色以及下拉列表的背景色。Blend是一款强大的设计工具,它为WPF开发者提供了直观的可视...
默认情况下,DateTimePicker的外观和风格是由系统设定的,但有时为了满足特定的用户界面需求,我们可能希望自定义它的外观,例如改变其背景色。在标题"更改DateTimePick控件背景色"中提到的问题,就是关于如何实现这...
[WTL/ATL]_[初级]_[如何设置CEdit的文本框背景色和文字颜色] 项目配套的项目代码,至少 VS2010以上编译 ,Debug模式。 https://blog.csdn.net/infoworld/article/details/124196002
在这个特定情况下,开发者创建了一个派生类,扩展了CIPAddressCtrl的功能,使其能够设置自定义背景色。 要实现这个功能,开发者可能采用了以下几种技术: 1. **重绘控件**:派生类可能会覆盖基类的`OnPaint()`函数...
以上代码示例展示了如何创建一个自定义的`ComboBox`控件,实现了去边框、改变背景色和字体颜色的功能,并且可以根据控件的可用性动态调整其外观。在实际项目中,你可以根据需要对这个基础示例进行扩展,比如添加圆角...
在MFC应用中,改变对话框的背景色和控件内字体的颜色是一项常见的需求,这可以通过处理WM_CTLCOLOR消息来实现。这个消息在Windows消息系统中被用来通知应用程序为特定控件设置画刷,从而改变其背景颜色。在MFC中,...
在默认情况下,`CTabCtrl` 的样式和颜色是由系统定义的,但有时开发者可能需要自定义其外观,比如改变背景色、调整边框样式等,以满足特定的界面设计需求。这就是“VC自绘CTabCtrl”的概念。 自绘(Custom Draw)是...
接下来,我们可以使用CMFCButton对象的各种方法来更改按钮的背景色、文字颜色、图片背景、鼠标指针等属性。例如: button->SetFaceColor(RGB(153, 217, 234)); // 更改背景颜色 button->SetWindowTextW(_T("强制...
单击表格中的单元格使当前单元格变色 离开后自动恢复原来背景色
然而,`CListCtrl` 默认功能有限,不支持对单个列的颜色或背景色进行自定义。为了实现这个功能,我们可以扩展`CListCtrl` 类,创建一个新的类,例如`CListCtrlEx`。 标题“列表控件扩展类,CListCtrlEx-改变任意列...
4. **改变背景色**:一旦确定了当前鼠标所在的单元格,你可以改变该单元格的背景色。易语言的表格控件通常提供了修改单元格属性的方法,如`设置单元格颜色`,将这个方法与鼠标位置结合,就可以动态地改变背景颜色。 ...
标题“改变listctrl 单元格背景及文字颜色(非重写控件)”指的是在不重新定义或重载`CListCtrl`类原有功能的情况下,实现对列表视图控件中单个单元格的背景色和文字颜色的自定义。这通常涉及到低级绘图技术,如消息...