自做jQuery插件----表格(奇偶行不同色,鼠标滑过

这个表格不是table的表格,而且使用div的ul和li组成的表格形式。
HTML页面效果如下:

HTML页面代码如下：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>tablegird.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="tablegrid.css">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="jquery.tablegrid.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#table_grid").tablegrid();
	});
	</script>
  </head>
  
  <body>
	<div id="table_grid" style="margin: 10px;height: auto;padding: 10px;">
    	<dl>
    		<dt>标题1</dt>
    		<dt>标题2<span>1</span></dt>
    		<dt>标题3</dt>
    		<dt>标题4</dt>
    	</dl>
    	<ul>
    		<li><a href="/action.action">1</a></li>
    		<li>2</li>
    		<li>3</li>
    		<li>4</li>
    	</ul>
    	<ul>
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    		<li>4</li>
    	</ul>
    	<ul>
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    		<li>4</li>
    	</ul>
    	<ul>
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    		<li>4</li>
    	</ul>
    </div>
  </body>
</html>

目前功能具有：奇偶行不同色，鼠标滑过颜色效果，单击高亮，双击事件，在每行第一列取a的href值,这个用于显示详细信息的。

以后会不断的更新，不断的增加更多的功能,也希望大家一起来做这件事。

当然了也有问题存在,比如:双击的时候会有单击操作存在,怎么是单击操作不存在还没解决?也请大家提提建议,是这个表格插件更加的完善。

自做jQuery插件----表格(奇偶行不同色,鼠标滑过颜色效果,单击高亮)

更多文章、技术交流、商务合作、联系博主

微信扫码或搜索：z360901061

微信扫一扫加我为好友

QQ号联系： 360901061

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。

【本文对您有帮助就好】元

2元

5元

10元

20元

自定义