jQuery hover()的用法示例
直接上例子。
jQuery打造滑鼠經過時的Hover效果，當滑鼠滑過時，對應的表格行會新增背景色，以著重顯示相應內容。
<!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>鄧國樑</td>
<td>23</td>
<td>31540205</td>
<td>
</tr>
<tr>
<td>溫家寶</td>
<td>23</td>
<td>31540205</td>
<td>[email protected]</td>
</tr>
<tr>
<td>奧巴馬</td>
<td>23</td>
<td>31540205</td>
<td>
</tr>
</tbody>
</table>
</body>
</html>
相關推薦
jQuery hover()的用法示例
直接上例子。 jQuery打造滑鼠經過時的Hover效果，當滑鼠滑過時，對應的表格行會新增背景色，以著重顯示相應內容。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www
jquery 之$.fn的用法示例
click 成員函數 turn 靜態 extend pro .proto prototype query $.fn是指jquery的命名空間，加上fn上的方法及屬性，會對jquery實例每一個有效。 若擴展$.fn.abc(),即$.fn.abc()是對jquery擴展一個
jQuery滑鼠懸停事件.hover()用法說明
在JQuery中提供了.hover()事件，以簡化Dom中的mouseenter(滑鼠進入),和mouseleave（滑鼠離開）事件，hover的第一個引數（匿名方法）表示mouseenter，第二個引數表示mouseleave，即表示可以為hover傳遞兩個引數。如下程式
jQuery中$.fn的用法示例介紹，理解$.extend()、$.fn和$.fn.extend()
原文連結：http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html為開發外掛提拱了兩個方法，分別是： .fn.extend(); jQuery.extend();· jQuery.fn jQuery.fn =
jQuery中$.fn的用法示例介紹
$.fn是指jquery的名稱空間，加上fn上的方法及屬性，會對jquery例項每一個有效，下面有個不錯的示例，喜歡的朋友可以參考下如擴充套件$.fn.abc(),即$.fn.abc()是對jquery擴充套件了一個abc方法,那麼後面你的每一個jquery例項都可以引用這
Jquery hover方法使用及 mouseenter與mouseleave和 mouseover與mouseout的區別
-m cto 1.8 一個 lec jquer href event handle 定義和用法 hover() 方法規定當鼠標指針懸停在被選元素上時要運行的兩個函數。 jQuery 1.7 版本前該方法觸發 mouseenter 和 mouseleave 事件。 jQuer
jQuery常見用法
toggle 對象 mat 內邊距 發生 字符串 積累 生成 ack jQuery有好多版本本,無法同時引用兩個不同的版本,容易造成混亂,用哪一個,調用哪一個.\ jQuery引用到<head></head>中,頁面加載時就需要特效調用這些方法.
indexOf()用法 示例如下。
static keyword 字符串 tin lastindex xxx cxx ast tar public class Test { public static void main(String[] args) { String s =
jQuery $.each用法
ray jin 效果 使用 itl tel name 內容 [0 以下內容非本人原創，來自百度文庫，相關參考資源地址如下： http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html http://jingyan.
jQuery hover() 方法 -《狗嗨默示錄》-
ack 背景 inf pri pan func seo 改變 target jQuery hover() 方法 實例 當鼠標指針懸停在上面時，改變 <p> 元素的背景顏色： $("p").hover(function(){ $("p").css("bac
MySQL函數大全 及用法示例
insert 相同 ceil mys 小時 取值 years concat 不足 字符串函數 ASCII(str) 返回字符串str的第一個字符的ASCII值(str是空串時返回0) mysql> select ASCII(‘2‘); ->
Linux中find常見用法示例
depth 需要 option 為什麽 語法 其他 文件訪問 this man Linux中find常見用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; fi
layer.comfig() 的用法示例
.com 無限 cti function conf fun lai dex com explain: layer.confirm(‘您確定要刪除該商品嗎？‘, { btn: [‘確定‘, ‘取消‘] //可以無限個按鈕 ,btn3: function(index, l
jq裏驗證插件的自定義方法Jquery.validator.addMethod()示例
placement ans rem 提示 .html orm turn comm char 最近寫驗證的時候感覺原生的驗證謝了一遍又一遍，就想到了“不要重復造輪子，學會管理自己的工具庫”這句名言，於是嘗試用jq的validator。 用過又發現需要自定義方法去驗證，於是去
WPF DataTriger 用法示例代碼
property per div body too pla pat idt column 用法1： <DataGridTemplateColumn Header="{lex:LocText ExamineRoom}">
jquery pjax 用法總結
相對 特殊 裝載 url 相關 com cti 路徑 ucc 以前我們點擊a鏈接的時候總是會刷新整個頁面並跳轉到新頁面，中間可以很明顯的看到短暫的白屏。pjax就很好的解決了這問題。 pjax的原理很簡單，就是發送一個ajax請求，獲取html代碼，再把相關代碼應用到指定容
jquery hover中嵌套mouseenter，mouseenter函數執行多次的問題解決方案
ctype iyu use api wid list rip FN urn 已知曉在jq中hover的API就是把mouseenter和mouseleave組合在一起來用的，在jq中實現`hover:function(fnOver，fnOut){return this.mo
Callable和Future用法示例
Callable FutureCallable和Future用法示例： 1.Callable 和 Future接口 Callable是類似於Runnable的接口，實現Callable接口的類和實現Runnable的類都是可被其它線程執行的任務。 Callable和Runnable有幾點不同： （1）Ca
jQuery--- .hasOwnProperty 用法
con 是否 沒有 property jquer 原型 java nbsp prope ☆ obj.hasOwnProperty(‘prop‘): 是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要註意的是， 此方法無法檢查該對象的原型鏈中是否具有該屬性
jquery.cookie用法及其註意點
靜態 對象 ring 讀取 有效期 href 下使用 靜態文件 parse jquery.cookie是一個輕量級的cookie插件，由於已被封裝好，可拿來即用。 基本的創建、讀取、刪除見另一篇文章 淺談localStorage、sessionStorage 與c