`
xixian
  • 浏览: 215361 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery设置鼠标经过点击样式

阅读更多
$("#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相册鼠标经过放大图片插件实例源码

    本文将详细解析"Jquery相册鼠标经过放大图片插件实例源码"这一主题,旨在帮助开发者理解和应用这一技术。 首先,jQuery相册功能是网页设计中常见的元素,用于展示一组图片,通常具有分页、滑动和缩放等交互效果。而...

    jQuery鼠标悬停图片震动特效.zip

    "jQuery鼠标悬停图片震动特效"就是这样一种巧妙的技术应用,它结合了CSS3的圆角样式和jQuery库,实现了当鼠标悬停在图片上时,图片产生震动的视觉效果。这一特效不仅增加了交互性,还为网页增添了一丝趣味性。 首先...

    jquery+鼠标经过显示全部内容离开隐藏部分内容

    根据给定的文件信息,我们可以总结出以下关于jQuery在网页设计中的应用以及如何利用鼠标事件显示和隐藏部分内容的关键知识点: ### 1. jQuery基础概念与功能 jQuery是一种快速、简洁的JavaScript库,它极大地简化...

    jquery自定义鼠标滚动条样式

    总结一下,实现“jquery自定义鼠标滚动条样式”的关键在于选择合适的jQuery插件,如`Perfect Scrollbar`,并结合CSS和jQuery事件监听来定制样式和行为。通过学习和实践这些知识点,开发者可以创建出更加美观且交互性...

    jquery实现鼠标移动出现提示信息

    jQuery 实现鼠标移动出现提示信息 jQuery 是一个流行的 JavaScript 库,广泛...我们只需要使用 jQuery 库、监听鼠标移动事件、显示提示信息,并美化提示信息的样式。在线 DEMO 可以帮助我们快速理解和实现这项功能。

    jQuery 图片特效,鼠标经过图标高亮显示

    在这个特定的案例中,“jQuery 图片特效,鼠标经过图标高亮显示”是一种增强用户体验的技术,当用户将鼠标悬停在图标上时,图标会变得更为醒目,吸引用户的注意力并提供视觉反馈。 实现这一效果的基本步骤如下: 1...

    jQuery列表选择鼠标点击切换代码.zip

    本示例“jQuery列表选择鼠标点击切换代码”是针对用户界面交互的一种实现,通常用于创建功能丰富的网页应用。在这个项目中,我们将深入探讨如何使用jQuery来实现一个基于鼠标点击的列表选择器。 首先,让我们解析这...

    jquery制作的鼠标经过或者点击显示下拉菜单

    本项目利用jQuery来创建一个动态的下拉菜单,用户可以通过鼠标经过或点击来触发下拉菜单的显示,从而提升网站的导航功能和用户体验。 首先,`index.html`是网页的主文件,它包含了页面的基本结构和引用的资源。在...

    jQuery鼠标滑过点击事件音效试听.zip

    《jQuery鼠标滑过点击事件音效试听》 在网页设计和开发中,用户体验是至关重要的因素之一。为了提升用户与网页的互动性,开发者常常会利用JavaScript库,如jQuery,来实现各种交互效果。本资源"jQuery鼠标滑过点击...

    jQuery鼠标右键点击显示菜单.zip

    本示例“jQuery鼠标右键点击显示菜单”是基于jQuery-1.11.2.min.js版本实现的一个功能,允许用户在网页上的任意位置通过鼠标右键点击来触发一个下拉菜单。 首先,我们需要了解jQuery的核心概念。jQuery库通过提供...

    jQuery鼠标经过遮罩

    "jQuery鼠标经过遮罩"是一种常见的效果,它允许用户在鼠标悬停在某个元素上时,显示出一个遮罩层,通常用于显示额外信息、加载动画或提示。这个效果能够吸引用户的注意力,并提供一种优雅的方式来传递信息。 首先,...

    jquery鼠标悬停放大图片

    "jQuery鼠标悬停放大图片"是一个常见的功能,它可以使用户在鼠标指针悬停在图片上时看到放大的图像细节,从而增强视觉效果和用户对图片内容的理解。这个例子中,我们将深入探讨如何使用jQuery库实现这一功能,并涉及...

    jquery鼠标经过切换动画光标特效.zip

    总的来说,jQuery鼠标经过切换动画光标特效是一种增强用户界面的方法,通过JavaScript和jQuery的强大功能,开发者可以创造出各种各样的个性化交互体验。理解并掌握这个技巧,对于提升网站的互动性和专业性大有裨益。...

    Jquery+div/css 鼠标经过内容切换实例

    本实例重点讲解如何利用 jQuery 和 CSS 技术实现在鼠标经过(hover)某个div元素时,动态切换显示的内容。下面我们将深入探讨这个主题。 首先,我们来理解 `div` 和 `CSS` 的基本概念。`div` 是HTML中的一个通用...

    jQuery鼠标经过风琴展开效果.zip

    【jQuery鼠标经过风琴展开效果】是一种常见的网页交互设计,常用于导航菜单、产品展示等场景,通过鼠标悬停在不同的元素上,实现相应内容的展开或收起,形似风琴折叠的效果,既增加了用户体验,又节省了页面空间。...

    jquery鼠标悬停列表菜单样式代码.zip

    "jquery鼠标悬停列表菜单样式代码"是一个专门用于创建高效、动态的网页导航菜单的资源,利用了jQuery库的强大功能和灵活性。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画效果。 该压缩...

    jQuery鼠标点击图片滑动切换特效.zip

    "jQuery鼠标点击图片滑动切换特效.zip"包含了一个示例项目,其中可能包括HTML、CSS和JavaScript文件,用于演示这一功能。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax...

    jquery 鼠标经过显示大图

    标题“jquery 鼠标经过显示大图”指的是在网页中使用jQuery库实现一个功能,当鼠标悬停在某个图片上时,展示该图片的放大版本。这种效果常见于产品展示或者图片预览中,可以提供用户更好的视觉体验。下面我们将深入...

    jQuery鼠标经过滑动展开菜单.zip

    《jQuery鼠标经过滑动展开菜单》 在网页设计中,交互性和用户体验是至关重要的元素,而动态菜单就是提升用户体验的有效手段之一。本项目名为“jQuery鼠标经过滑动展开菜单”,它利用了流行的JavaScript库——jQuery...

Global site tag (gtag.js) - Google Analytics