$("#chatVisitorList li").click(function(){
$("#chatVisitorList li").removeClass("choose");
$(this).addClass("choose");//添加选中样式
}).hover(
function(){
$(this).addClass("over"); //鼠标经过添加hover样式
},function(){
$(this).removeClass("over"); //鼠标离开移除hover样式
});
ul{
list-style: none outside none;
}
ul li {
border-bottom: 1px dashed #AACCEE;
cursor: pointer;
line-height: 25px;
padding-left: 5px;
}
ul li.choose {
background: none repeat scroll 0 0 #FFF9ED;
}
ul li.over {
background: none repeat scroll 0 0 #EEF7FF;
}
分享到:
相关推荐
代码简介:jQuery鼠标悬停图片震动特效是一款基于CSS3实现的圆形修边样式,配合jQuery实现的图片抖动特效
多个插件交互起来的jquery鼠标自定义滚动条效果,支持鼠标向左或者向下滑动滚动
table鼠标经过时整行变色 jquerytable鼠标经过时整行变色 jquery
jquery鼠标悬停列表菜单样式代码是一款jquery hover网页左侧鼠标悬停列表菜单样式代码。
经典鼠标经过网页背景样式改变,鼠标经过jquery效果 鼠标经过css变化 展示页面:http://www.whkge.com/jsview/js0112b/
jQuery鼠标设置换成手势图标样式代码 jQuery鼠标设置换成手势图标样式代码
jquery隔行换色和鼠标经过样式
jQuery鼠标经过选项卡内容切换代码是一款橙色的选项卡切换样式代码。
jquery多样式鼠标经过 开场文字特效代码下载 大气
jquery自定义鼠标滚动条样式.rarjquery自定义鼠标滚动条样式.rarjquery自定义鼠标滚动条样式.rarjquery自定义鼠标滚动条样式.rarjquery自定义鼠标滚动条样式.rarjquery自定义鼠标滚动条样式.rar
使用jquary实现的非常炫的鼠标悬停效果。。
jQuery点击选中列表样式代码是一款鼠标点击勾选选中列表特效。
效果描述: 默认显示五张图片,中间一个高亮显示 任意鼠标悬停在四周的一个图片上... 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (js、图片采用绝对路径,不建议修改)
jQuery鼠标经过方形图片切换成圆边特效,点击图片会弹出浮层,适合团队页面的展示,兼容主流浏览器,php中文网推荐下载! 使用方法: 1、在head区域引入样式表文件lrtk.css 2、在head区域引入jquery-1.7.1.js 3...
效果描述: 鼠标悬停在图片上后,显示隐藏的另外一张图片,... 1、将lanrenzhijia.css样式以及jQuery库、jQuery代码复制到你的网页中 2、将其中一个翻转单元复制到你的网页中即可,依照此原理可以复制扩张N倍
一款基于CSS3实现的圆形修边样式,配合jQuery鼠标悬停图片抖动代码,鼠标指针经过图片图片震动特效。
jquery table鼠标滑过隔行变色表格样式代码
dropdown jQuery 带阴影效果折叠菜单,默认状态是折叠的,鼠标点击后就展开了,其实也是比较常见的一种形式,上图所示的样式。