程序博客网 > js数组中添加对象方法

jquery实现隔行变色

来源：互联网 发布：js数组中添加对象方法 编辑：程序博客网 时间：2024/04/28 05:18

 

Code:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3.   <head>  
  4.     <title>ghcolor.html</title>  
  5.       
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  7.     <meta http-equiv="description" content="this is my page">  
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  9.       
  10.     <script type="text/javascript" src="./js/jquery-1.4.4.js"></script>  
  11.     <script type="text/javascript">  
  12.         $(function(){  
  13.           
  14.             $("tr:even").addClass("even");//基数行  
  15.             $("tr:odd").addClass("odd");//偶数行   
  16.               
  17.             $("tr:even").hover(  
  18.                 function(){  
  19.                     clr = $(this).css("background-color");  
  20.                     $(this).css("background-color","red");  
  21.   
  22.                 },function(){  
  23.                      $(this).css("background-color",clr);  
  24.                  }  
  25.             );  
  26.             $("tr:odd").hover(  
  27.                 function(){  
  28.                     clr = $(this).css("background-color");  
  29.                     $(this).css("background-color","blue");  
  30.   
  31.                 },function(){  
  32.                      $(this).css("background-color",clr);  
  33.                  }  
  34.             );  
  35.         });  
  36.     </script>  
  37.     <style type="text/css">  
  38.         .even{  
  39.             background-color:gray;  
  40.         }  
  41.         .odd{  
  42.             background-color:green;  
  43.         }  
  44.     </style>  
  45.   </head>  
  46.     
  47.   <body>  
  48.     <table>  
  49.         <thead>  
  50.         <tr>  
  51.             <th>序号</th>  
  52.             <th>姓名</th>  
  53.             <th>昵称</th>  
  54.             <th>性别</th>  
  55.         </tr>  
  56.         </thead>  
  57.         <tbody>  
  58.             <tr>  
  59.                 <td>1</td>  
  60.                 <td>陈志明</td>  
  61.                 <td>GoodWell</td>  
  62.                 <td>男</td>  
  63.             </tr>  
  64.             <tr>  
  65.                 <td>2</td>  
  66.                 <td>陈志明</td>  
  67.                 <td>GoodWell</td>  
  68.                 <td>男</td>  
  69.             </tr>  
  70.             <tr>  
  71.                 <td>3</td>  
  72.                 <td>陈志明</td>  
  73.                 <td>GoodWell</td>  
  74.                 <td>男</td>  
  75.             </tr>  
  76.             <tr>  
  77.                 <td>4</td>  
  78.                 <td>陈志明</td>  
  79.                 <td>GoodWell</td>  
  80.                 <td>男</td>  
  81.             </tr>  
  82.         </tbody>  
  83.     </table>  
  84.   </body>  
  85. </html>  

 

js数组中添加对象方法 js数组中添加对象方法
原创粉丝点击
热门IT博客
康辉旅行社待遇知乎康辉旅行社待遇知乎
网络电视机不用机顶盒网络电视机不用机顶盒
安卓网络直播电视软件
达内java证书有用吗
5年php程序员工资
csmar数据库包括
网络基础知识教程视频
数据核查计划
李健 我要你 知乎
ug是什么软件
发那科机器人编程教程
房地产签单软件
淘宝联盟怎么做优惠券
手机听小说软件
写字软件有哪些
半条命1网络电影
时间片轮转调度算法
mac版qq和windows
淘宝店页头背景图素材
成都gis软件培训班
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 小狐仙安人 小狐仙安人在线播放 全安素适合哪些人吃 不安的人 修己安人 安集海大峡谷每年摔死几个人 安人 舟过安仁 郴州安仁 安仁 安仁县 王安仁 安仁屋 安仁在线 安仁火车站 湖南安仁 舟过安仁古诗 安仁古镇旅游 成都安仁古镇 舟过安仁古诗带拼音 安仁县属于哪个市 安仁古镇一日游攻略 安仁县一中校花杨玉婷 古诗舟过安仁 湖南安仁旅游景点 安仁陈松华被判刑2017年 舟过安仁的诗意 安仔包 安仔 安佑 安佑饲料价格表 安佑兮作品 安佑兮 安佳奶油 安佳 安佳黄油 安佳木木门 安佳芝士 安佳乳品 安佳奶油打发 安佳黄油是动物黄油吗

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里