这个表格不是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值,这个用于显示详细信息的。
以后会不断的更新,不断的增加更多的功能,也希望大家一起来做这件事。
当然了也有问题存在,比如:双击的时候会有单击操作存在,怎么是单击操作不存在还没解决?也请大家提提建议,是这个表格插件更加的完善。
- 大小: 10.9 KB
分享到:
相关推荐
jquery插件--表格分页。
jquery表格隔行变色鼠标滑过竖直表格内容变色效果
jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)
jquery插件jquery-ui-1.8.18.custom.min.js
*插件名:表格(table)优化器 *功能对照表: * 名称 参数 参数描叙 方法描叙 类型 ====>数据加载 * loadData dataSource, 数据源 数据加载JSON或者Array 功能 isTh 是否包含TH文件头 ====>数据...
Jquery插件-分享插件
jquery插件jquery-ui-1.8.2.custom.min.js
主要介绍了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码,涉及jQuery针对页面元素动态操作及响应鼠标事件动态修改页面元素样式的相关技巧,需要的朋友可以参考下
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jquery插件库-jquery hover鼠标滑过动画导航条.zip
利用jquery插件做的一个图片展示效果,鼠标滑过有文字遮罩效果出现
Jquery插件-手机端选择省市
Jquery插件-弹窗
jQuery插件--星级打分,供大家一起共同分享学习。
jquery表格高亮插件,主要是为了彰显高亮的界面,提高用户体验度
JQUERY插件,ajax不需要刷新,即可实现搜索功能
jquery插件- slick轮播图插件
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
jQuery插件easing 效果,以前在flash制作编程中经常设计到的一种效果。很旋,包含了数十种效果