jis117
- 浏览: 304215 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (405)
- linux (31)
- java (144)
- mysql (52)
- html (19)
- oracle (8)
- sql (12)
- 无题 (5)
- js (16)
- android (4)
- tomcat (4)
- struts (2)
- spring (12)
- elcipse (2)
- shell (7)
- interview (2)
- redis (6)
- apache (2)
- maven (10)
- mq (6)
- kengen (0)
- windows (3)
- css (1)
- nginx (2)
- google (1)
- zk (1)
- ibm (1)
- git (1)
- mvn (1)
- jms (1)
- uml (1)
最新评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery hover特效</title>
<script src="/ajaxjs/jquery1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#orderedlist tbody tr").hover(function() {
$(this).addClass("blue");
}, function() {
$(this).removeClass("blue");
});
});
</script>
<style>
.blue {
background:#bcd4ec;
}
</style>
</head>
<body>
<table id="orderedlist" width="50%" border="0" cellspacing="0" cellpadding="0">
<!--用class="stripe"来标识需要使用该效果的表格-->
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>QQ</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>abc</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>def</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
<tr>
<td>ghi</td>
<td>23</td>
<td>31540205</td>
<td>gl.deng@gmail.com</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
发表评论
-
Consolas和微软雅黑混合字体
2016-10-26 10:51 1676建议大家使用Consolas和微软雅黑混合字体。conso ... -
行长显示省略号
2016-07-25 16:23 399<!DOCTYPE html> <ht ... -
JQuery选择器
2016-05-08 22:41 504http://sharecxc163.blog.163.c ... -
html
2015-12-19 17:09 514<!DOCTYPE html> <ht ... -
好专业的前端
2015-09-18 11:09 504http://www.ruanyifeng.com/blo ... -
listBox选择
2014-09-24 19:47 750<!DOCTYPE html> < ... -
DIV+CSS网页布局技巧实例15：用正确的顺序指定链接的样式
2014-09-11 12:23 695当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺 ... -
图像链接
2014-08-25 17:37 614// http://www.w3school.com.cn ... -
CDN
2014-08-21 01:39 423/** http://libs.useso.com/ ... -
DIV最小高度
2014-08-20 18:35 590/** http://www.syscy.com/art ... -
escape html
2014-03-07 21:03 747public static String encodeHT ... -
鼠标经过变成手形
2013-11-10 12:41 1066鼠标经过变成手形 <td style="c ... -
!important
2013-11-09 18:05 535*:focus{outline:none!importan ... -
Base64
2013-11-09 13:41 566<html> <head> & ... -
html5 base64
2013-11-03 13:24 1707<!DOCTYPE html> <ht ... -
使用woff字体
2013-10-27 14:19 1699<STYLE TYPE="text/css ... -
下拉列表渐变
2013-10-27 11:32 469.navbar .nav ul { border-r ... -
CSS3
2013-10-23 22:19 899.navbar .nav ul { border-r ...
相关推荐
jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。它的语法简洁，使得开发者能够更高效地编写JavaScript代码。 hover事件是jQuery中的一个特殊事件，用于处理元素的鼠标...
在IT领域，jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现一个特定的效果：当鼠标滑过图片时，图片上的半透明标题文字会...
首先，我们需要了解jQuery，它是一个广泛使用的JavaScript库，简化了DOM操作、事件处理、动画效果和Ajax交互。在本示例中，jQuery被用来处理hover事件，这是鼠标指针在元素上悬停时触发的事件。jQuery的hover函数...
### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中，提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...
1. jQuery库：jQuery是一个快速、简洁的JavaScript库，简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个实例中，jQuery用于监听鼠标hover事件并执行相应的图片展开和收缩动画。 2. Hover事件：在jQuery中，...
jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。jQuery的核心功能之一就是事件处理，其中`hover`事件是一个组合事件，由`mouseenter`和`mouseleave`两个事件组成。...
jQuery是一个轻量级、高性能的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。它的API设计使得开发者能够更高效地编写JavaScript代码，而无需深入了解底层浏览器的差异。 jQuery Hover事件是结合...
在网页设计中，jQuery是一种广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互。"jquery hover鼠标悬停遮罩显示.zip"这个压缩包包含了一个利用jQuery实现的特殊效果，即当鼠标悬停在图片上...
**Ajax和jQuery** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这种方式可以让网页保持交互...
在IT领域，jQuery是一款广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在本主题中，我们将探讨“jQuery hover”与顶部导航菜单系统在软件管理模板中的应用。 首先...
本篇文章将深入探讨如何使用jQuery框架结合Ajax技术实现这样的功能。 首先，jQuery的$.ajax()方法是实现异步数据获取的核心。通过这个方法，我们可以向服务器发送请求并接收返回的数据，而无需刷新整个页面。在自动...
- jQuery 提供了简便的方式来绑定事件处理器，如 `.click()`、`.hover()` 等。 - 例如，为页面上的按钮绑定点击事件： ```javascript $('#myButton').click(function() { alert('Button clicked!'); }); ``` ...
"2-jQuery使用手册.doc" 和 "4-jQuery技巧总结.doc" 可能提供了更深入的jQuery操作指南，包括如何使用jQuery的方法进行DOM操作（如append、prepend、html等）、事件绑定（如click、hover等）以及特效（如fadeIn、...
1. **jQuery库**：jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画设计和Ajax交互。在这个案例中，jQuery被用来监听鼠标悬停事件，并触发相应的动画效果。 2. **CSS（层叠样式表）**：CSS用于...
在IT行业中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本教程将详细讲解如何利用jQuery的hover方法来实现类似淘宝商城的鼠标滑过展开更多导航菜单分类列的...
1. **jQuery库**：jQuery是一个广泛使用的JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画以及Ajax交互。在这个效果中，jQuery用于监听鼠标悬停事件，触发遮罩层的显示和滑动动画。 2. **CSS样式与层叠...
在IT行业中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨“jquery-Hover遮罩层”这一主题，它涉及到jQuery中的悬停事件处理（hover）以及如何实现动态...
jQuery是一个轻量级的JavaScript库，它封装了大量方便实用的函数，简化了DOM操作、事件处理、动画制作以及Ajax交互。对于hover图片分割效果，我们主要关注的是jQuery的事件处理和CSS操作。 1. **事件绑定**： ...
在IT行业中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本项目"jquery hover冒泡事件制作心型图片墙鼠标悬浮变大.zip"显然是一个利用jQuery实现的互动效果，...
在IT行业中，jQuery是一种广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本资源“jquery图片hover放大效果.rar”显然关注的是如何使用jQuery实现图片在鼠标悬停（hover）时产生放大...