//当鼠标移上去的时候显示样式
<body>
<ul>
<li class="checked">首页</li>
<li>搜索</li>
<li>发现</li>
<li>博文</li>
<li>相册</li>
</ul>
</body>
//样式
<style type="text/css">
ul{
list-style:none;
margin-top:100px;
}
li{
width:80px;
height:20px;
border:solid #333 1px;
text-align:center;
margin:5px;
float:left;
}
.checked{
background:#F00;
}
</style>
//JS代码
<script src="jquery-1[1].3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("li").each(function(){
var li = $(this);
li.mouseover(function(){
$("li").removeClass();
li.addClass("checked");
});
});
});
</script>
分享到:
相关推荐
【jQuery特效圣诞雪花】 在网页设计中,动态效果可以增加用户体验,使页面更加生动有趣。"jQuery特效圣诞雪花"就是一个典型的例子,它利用jQuery库来实现一种节日氛围的动画效果,让网页背景飘落雪花,营造出冬日...
"web前端jquery特效巨集合"这一资源集合,为学习者提供了一个全面的jQuery特效实践平台,包括101个精心设计的jQuery特效以及《锋利的jQuery》电子书和源码,旨在帮助开发者快速提升jQuery应用能力。 首先,jQuery的...
这个"最漂亮的JQuery特效"集合,是由国外开发者精心设计并编写的,旨在为网页增添视觉吸引力,提升用户体验。通过深入理解并运用这些特效,开发者可以轻松创建出引人入胜的交互式网页。 一、JQuery基础 JQuery的...
本资源包包含了28个实用的jQuery特效,可以帮助开发者快速实现各种交互功能,提升用户体验,使得网页更加生动有趣。 1. **日历插件**:jQuery提供了许多日历插件,如jQuery UI的Datepicker,可以方便地添加日期选择...
《jQuery特效深度解析》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能赢得了开发者们的喜爱。在网页动态效果的实现上,jQuery特效扮演着至关重要的角色,极大地提高了开发效率,...
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
《jQuery特效与实例集合——深度探索JavaScript魅力》 在当今的Web开发领域,jQuery以其简洁易用的API和强大的功能,成为了JavaScript库的首选。这个名为"jQuery特效和实例集合"的压缩包,包含了50多个精心设计的...
本资源包含100个常用的jQuery特效和插件,旨在帮助开发者提升网页的用户体验和视觉效果。 1. **选择器与遍历**: jQuery提供了强大的选择器,如ID选择器(#id),类选择器(.class)和元素选择器(element),以及组合...
这个“超酷炫jQuery特效”集合包含了一系列由国外编程达人精心设计和实现的特效,旨在为网页增添互动性和视觉吸引力。** **一、jQuery基础** 1. **选择器**: jQuery的选择器是其核心功能之一,它允许开发者轻松地...
本资源“常用jQuery特效汇总”包含了多种常见的jQuery特效,旨在帮助开发者快速构建具有动态效果的网页。 1. **选择器**:jQuery的选择器功能强大,能够方便地选取DOM元素。例如,`$("#id")`选取ID为指定值的元素,...
**jQuery特效概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码的编写,特别是对于网页动态效果和交互。jQuery的出现使得开发者可以快速、高效地实现各种复杂的网页特效,无需深入理解底层...
"最新各类jquery特效插件&前端必备"这个主题涵盖了jQuery在现代Web开发中的广泛应用,包括3D标签、表单处理、表格操作、弹出层、窗口管理、导航设计、评分系统、时间与日历组件、进度条、图片处理、文字动画、广告...
js特效和jquery特效
【jQuery特效介绍】 jQuery是一种广泛应用于网页开发的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery的核心特性是“Write Less, Do More”,即通过简洁的API设计使得开发者...
Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使...
【jQuery特效圣诞下雪花】是一种基于JavaScript库jQuery的创意网页特效,主要应用于圣诞节主题的网站设计,为用户提供一种模拟真实雪花飘落的视觉体验。这种特效可以增添网站的节日氛围,提升用户浏览时的互动性和...
"可自由变换布局排版的jquery特效.zip"这个压缩包文件,显然是一个包含jQuery特效的资源集合,特别关注的是布局和排版的动态变化,这在网页设计和开发中是非常关键的一环。 jQuery的布局和排版特效通常是通过其强大...
**jQuery特效合集详解** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作等任务,让网页开发变得更加高效。本文将深入探讨jQuery特效合集中的重要知识点,帮助开发者在实际项目...
本文将深入探讨“jQuery超酷弹出窗体特效”,包括如何实现最大最小化、关闭收缩功能以及与CSS的结合使用。 首先,jQuery的弹出窗体特效通常涉及到创建一个可浮动的对话框或模态窗口,这些窗口可以用于显示信息、...
jquery.ripples是一款基于WebGL的效果非常炫酷的元素背景水波涟漪jQuery特效插件。该jQuery插件通过强大的WebGL,可以在指定的元素上添加一个水波层,制作出水波涟漪的炫酷效果,并且可以使用鼠标来和它进行互动。