jQuery双色表格的实现
来源:互联网 发布:nginx是什么 编辑:程序博客网 时间:2024/04/30 23:29
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
- <!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>
- <title> jquery </title>
- <script type="text/javascript" src="jquery.js"></script>
- </head>
- <body>
- <script type="text/javascript">
- $(document).ready(function(){
- //jQuery ready is quicker than onload
- $(".stripeMe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
- $(".stripeMe tr:even").addClass("alt");
- });
- </script>
- <style type="text/css">
- table.sample {}{
- border-collapse: collapse;
- width: 50%;
- margin: 24px;
- font-size: 1.1em;
- }
- table.sample th {}{
- background: #3e83c9;
- color: #fff;
- font-weight: bold;
- padding: 2px 11px;
- text-align: left;
- border-right: 1px solid #fff;
- line-height: 1.2;
- }
- table.sample td {}{
- padding: 6px 11px;
- border-bottom: 1px solid #95bce2;
- vertical-align: top;
- }
- table.sample td * {}{
- padding: 6px 11px;
- }
- table.sample tr.alt td {}{
- background: #ecf6fc;
- }
- table.sample tr.over td {}{
- background: #bcd4ec;
- }
- </style>
- <table class="stripeMe sample">
- <thead>
- <tr>
- <th>Lorem</th>
- <th>Ipsum</th>
- <th>Dolor</th>
- <th>Sit</th>
- <th>Amet</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- <tr>
- <td>Lorem</td>
- <td>Ipsum</td>
- <td>Dolor</td>
- <td>Sit</td>
- <td>Amet</td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 728x90, 创建于 08-12-8 */google_ad_slot = "0403648181";google_ad_width = 728;google_ad_height = 90;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
- jQuery双色表格的实现
- JQuery实现双色表格
- jQuery实现表格的隔行换色
- jquery 固定表格的实现,
- jquery实现表格的收缩
- jQuery实现表格间隔色
- Ajax实现双色表格-采用jQuery实现
- jQuery双色表格
- 用JQuery实现表格渐变色的效果
- jquery实现表格的隔行变色
- jQuery之可编辑表格的实现
- jQuery实现可编辑的表格
- 用jquery实现表格的隔行变色
- 用jQuery实现表格的隔行变色
- jquery实现表格的隔行变色
- 用jquery实现可伸缩的表格
- Jquery实现表格行的添加、删除
- 《Javaweb---JQuery实现可编辑的表格》
- C#实现二叉树,外带中序遍历
- 常见围棋术语英译
- 关于.net中使用axmschart控件editcopy方法的问题!
- 在这个大环境下失业了!
- Windows7+VMWare7.0+Ubuntu10.0+NS-2.33 Installation Log
- jQuery双色表格的实现
- 利用JS实现JSF页面h:selectOneMenu的联动
- ZFS root mirror
- Mac OS X Java 开发指南
- 托拽购物车
- Windows自动安装工具包
- asp.net中image控件的使用
- jQuery---inteface效果集合
- JSP的内置对象及方法