自做jQuery插件----表格(奇偶行不同色,鼠標滑過
系統
3291 0
這個表格不是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元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元