һ
 ¼ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 ǰ̨ű

tableͷ̶ ,IE.Firefox,google,360ȳ

[]
57858 happy175 2015-5-8 15:59:55
| ʾȫ¥
1F


Ƕű
<script src="httPS://code.csdn.net/snippets/284445.js"></script>
  1. <span style="font-size:14px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>̶ͷ</title>
  6. <style>
  7. body{ overflow:hidden;}/*bodyֹ*/
  8. table {
  9.     background-color: #FFFFFF;
  10.     border-collapse: collapse;
  11.     border-left: 1px solid #000;
  12.     border-spacing: 1px;
  13.     border-top: 1px solid #000;
  14.     margin: 0;
  15.         width:2000px;/*ȣԲĬ100%;*/
  16. }
  17. .pp-list {
  18.     background: none repeat scroll 0 0 #8F8F9A;
  19.     border-spacing: 1px;
  20.     margin: 0;
  21.     overflow: hidden;
  22. }
  23. .pp-list td, .pp-list th {
  24.     border-bottom: 1px solid #000;
  25.     border-right: 1px solid #000;
  26.     text-align: center;
  27. }
  28. .t_table {
  29.     overflow: auto;/*ݱdivԶй*/
  30.         max-height: 353px;
  31. }
  32. </style>
  33. </head>
  34. <body>

  35. <table  class="pp-list" id="table_head">
  36. <thead>
  37.                 <tr>
  38.                         <th class="ckTh"><input type="checkbox"></th>
  39.                         <th width="55"><span column="serialId" class="trade-sort">ˮ</span></th>
  40.                         <th width="55"><span column="status" class="trade-sort">״̬</span></th>
  41.                         <th width="50">ջ</th>
  42.                         <th>ջַ</th>
  43.                         <th>ϵ绰</th>
  44.                         <th></th>
  45.                         <th></th>
  46.                         <th width="90"><span column="sellTime" class="trade-sort">ĵ</span></th>
  47.                         <th width="90"><span column="payTime" class="trade-sort">ʱ</span></th>
  48.                 </tr>
  49. </thead>
  50. </table>

  51. <div class="t_table">
  52. <table class="pp-list">
  53.                 <tbody>
  54.                 <tr style="display: none; background: none repeat scroll 0% 0% rgb(255, 255, 255);" id="tradesHeader"></tr>
  55.                
  56.                         
  57.                         
  58.                         <tr onclick="findTrade(1)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  59.                         
  60.                                 
  61.                                 <td class="ckTd"><input type="checkbox" value="1" name="tradeCheckBox"></td>
  62.                                 <td>10112062753**</td>
  63.                                 <td>ɹ </td>  
  64.                                 <td>*  </td>
  65.                                 <td>ʡ   
  66.                                           
  67.                                         ˼
  68.                                         ŴѧѧԢ** </td>
  69.                                 <td>15260****** </td>   
  70.                                 <td> </td>   
  71.                                 <td> </td>
  72.                                 <td>12-06-24 13:37</td>
  73.                                 <td>12-06-24 13:37</td>
  74.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  75.                         </tr>
  76.                
  77.                         
  78.                         
  79.                         <tr onclick="findTrade(2)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  80.                         
  81.                                 
  82.                                 <td class="ckTd"><input type="checkbox" value="2" name="tradeCheckBox"></td>
  83.                                 <td>10112062753**</td>
  84.                                 <td>ȴûȷջ </td>  
  85.                                 <td>**  </td>
  86.                                 <td>Ĵʡ   
  87.                                         ɶ  
  88.                                         ½
  89.                                         Ļ·251Ź뵺******* </td>
  90.                                 <td>13880****** </td>   
  91.                                 <td> </td>   
  92.                                 <td> </td>
  93.                                 <td>12-06-25 21:56</td>
  94.                                 <td>12-06-25 21:57</td>
  95.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  96.                         </tr>
  97.                
  98.                         
  99.                         
  100.                         <tr onclick="findTrade(3)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  101.                         
  102.                                 
  103.                                 <td class="ckTd"><input type="checkbox" value="3" name="tradeCheckBox"></td>
  104.                                 <td>10112062753**</td>
  105.                                 <td>ɹ </td>  
  106.                                 <td>*  </td>
  107.                                 <td>ɽʡ   
  108.                                         Ϋ  
  109.                                        
  110.                                         ֱ·******** </td>
  111.                                 <td>15094****** </td>   
  112.                                 <td> </td>   
  113.                                 <td> </td>
  114.                                 <td>12-06-23 18:11</td>
  115.                                 <td>12-06-23 18:12</td>
  116.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  117.                         </tr>
  118.                
  119.                         
  120.                         <tr class="red_class" onclick="findTrade(4)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  121.                         
  122.                         
  123.                                 
  124.                                 <td class="ckTd"><input type="checkbox" value="4" name="tradeCheckBox"></td>
  125.                                 <td>10112062753**</td>
  126.                                 <td> </td>  
  127.                                 <td>**  </td>
  128.                                 <td>   
  129.                                           
  130.                                        
  131.                                         ˳ǽֵɽ·******** </td>
  132.                                 <td> </td>   
  133.                                 <td>Ҫһɫһɫһɫ </td>   
  134.                                 <td> </td>
  135.                                 <td>12-06-27 08:27</td>
  136.                                 <td>12-06-27 08:29</td>
  137.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  138.                         </tr>
  139.                
  140.                         
  141.                         <tr class="red_class" onclick="findTrade(5)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  142.                         
  143.                         
  144.                                 
  145.                                 <td class="ckTd"><input type="checkbox" value="5" name="tradeCheckBox"></td>
  146.                                 <td>10112062753**</td>
  147.                                 <td>ɹ </td>  
  148.                                 <td>**  </td>
  149.                                 <td>   
  150.                                           
  151.                                        
  152.                                         ̫ƽ·*****1801 </td>
  153.                                 <td>18210****** </td>   
  154.                                 <td> </td>   
  155.                                 <td>һ ÿɫһ ·   6.18 </td>
  156.                                 <td>12-06-18 20:19</td>
  157.                                 <td>12-06-19 09:41</td>
  158.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  159.                         </tr>
  160.                
  161.                         
  162.                         
  163.                         <tr onclick="findTrade(6)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  164.                         
  165.                                 
  166.                                 <td class="ckTd"><input type="checkbox" value="6" name="tradeCheckBox"></td>
  167.                                 <td>10112062753**</td>
  168.                                 <td>ɹ </td>  
  169.                                 <td>л**  </td>
  170.                                 <td>ʡ   
  171.                                           
  172.                                        
  173.                                         ͨӿ******* </td>
  174.                                 <td>13762****** </td>   
  175.                                 <td> </td>   
  176.                                 <td> </td>
  177.                                 <td>12-06-13 00:45</td>
  178.                                 <td>12-06-13 11:19</td>
  179.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  180.                         </tr>
  181.                
  182.                         
  183.                         <tr class="red_class" onclick="findTrade(7)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  184.                         
  185.                         
  186.                                 
  187.                                 <td class="ckTd"><input type="checkbox" value="7" name="tradeCheckBox"></td>
  188.                                 <td>1011206275335</td>
  189.                                 <td>ɹ </td>  
  190.                                 <td>л**  </td>
  191.                                 <td>ʡ   
  192.                                           
  193.                                        
  194.                                         ͨӿ******** </td>
  195.                                 <td>13762****** </td>   
  196.                                 <td> </td>   
  197.                                 <td>뻹   һ  ɫһɫ  ·   6.13 </td>
  198.                                 <td>12-06-13 00:48</td>
  199.                                 <td>12-06-13 00:48</td>
  200.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  201.                         </tr>
  202.                
  203.                         
  204.                         
  205.                         <tr onclick="findTrade(8)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  206.                         
  207.                                 
  208.                                 <td class="ckTd"><input type="checkbox" value="8" name="tradeCheckBox"></td>
  209.                                 <td>10112062753**</td>
  210.                                 <td>ɹ </td>  
  211.                                 <td>л**  </td>
  212.                                 <td>ʡ   
  213.                                           
  214.                                        
  215.                                         ͨӿ******* </td>
  216.                                 <td>13762****** </td>   
  217.                                 <td> </td>   
  218.                                 <td> </td>
  219.                                 <td>12-06-13 11:18</td>
  220.                                 <td>12-06-13 11:22</td>
  221.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  222.                         </tr>
  223.                
  224.                         
  225.                         
  226.                         <tr onclick="findTrade(9)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  227.                         
  228.                                 
  229.                                 <td class="ckTd"><input type="checkbox" value="9" name="tradeCheckBox"></td>
  230.                                 <td>1011206275337</td>
  231.                                 <td>ر </td>  
  232.                                 <td>*  </td>
  233.                                 <td>Ϻ   
  234.                                         Ϻ  
  235.                                         ֶ
  236.                                         ******* </td>
  237.                                 <td>13816****** </td>   
  238.                                 <td> </td>   
  239.                                 <td> </td>
  240.                                 <td>12-06-27 10:10</td>
  241.                                 <td>12-06-27 10:12</td>
  242.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  243.                         </tr>

  244.                         <tr onclick="findTrade(10)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  245.                         
  246.                                 
  247.                                 <td class="ckTd"><input type="checkbox" value="10" name="tradeCheckBox"></td>
  248.                                 <td>1011206275338</td>
  249.                                 <td>ɹ </td>  
  250.                                 <td>*  </td>
  251.                                 <td>ɽʡ   
  252.                                         Ӫ  
  253.                                         ӿ
  254.                                         ɽʡ Ӫ ӿ***** </td>
  255.                                 <td>18754****** </td>   
  256.                                 <td> </td>   
  257.                                 <td> </td>
  258.                                 <td>12-06-20 13:20</td>
  259.                                 <td>12-06-20 13:24</td>
  260.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  261.                         </tr>
  262.                
  263.                         
  264.                         <tr class="red_class" onclick="findTrade(11)" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);">
  265.                         
  266.                         
  267.                                 
  268.                                 <td class="ckTd"><input type="checkbox" value="11" name="tradeCheckBox"></td>
  269.                                 <td>10112062753**</td>
  270.                                 <td>ɹ </td>  
  271.                                 <td>**  </td>
  272.                                 <td>Ϻ   
  273.                                         Ϻ  
  274.                                        
  275.                                         ·300Ū******* </td>
  276.                                 <td>18017****** </td>   
  277.                                 <td>һĻñʹɫӴɫá
  278. ϣܷ </td>   
  279.                                 <td> </td>
  280.                                 <td>12-06-23 02:32</td>
  281.                                 <td>12-06-23 02:34</td>
  282.                                 <td style="display:none"><input type="text" value="NORMAL" class="abnormalTypeText"></td>
  283.                         </tr>

  284.         </tbody>                        
  285.         </table>
  286. </div>
  287. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  288. <script>
  289. //jsͷݶӦпһ¡
  290. function fix(){
  291.   for(var i=0;i<=$('.t_table .pp-list tr:last').find('td:last').index();i++){
  292.   $('th').eq(i).css('width',$('.t_table .pp-list tr:last').find('td').eq(i).width());
  293.   }
  294. }
  295. window.load=fix();
  296. $(window).resize(function(){
  297.   return fix();
  298. });

  299. //кʱҪjsʱݹͷҲܹ
  300. $('.t_table').scroll(function(){
  301.   $('#table_head').css('margin-left',-($('.t_table').scrollLeft()));
  302. });
  303. </script>
  304. </body>
  305. </html>
ƴ


аԴ

Ҫ ¼ ſػ鿴ûʺţ¼ע  

x
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
ں 2015-6-3 10:46:05
| ʾȫ¥
2F


   ˢǽİ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
kaorou39 2015-6-11 20:05:16
| ʾȫ¥
3F
Ҫ,¥ͷDz
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
qihuo80 2015-7-2 11:47:47
| ʾȫ¥
4F
һƽ̨
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
kaorou37 2016-1-25 22:47:16
| ʾȫ¥
5F
Ҫ,¥ͷDz
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2016-12-7 08:15:38
| ʾȫ¥
6F
Ǻö
http://www.xszsz.com/tai/1906.html
http://www.xszsz.com/tai/1839.html
http://www.xszsz.com/tai/1840.html
http://www.xszsz.com/tai/1841.html
http://www.xszsz.com/tai/1842.html
http://www.xszsz.com/tai/1843.html
http://www.xszsz.com/tai/1844.html
http://www.xszsz.com/tai/1854.html
http://www.xszsz.com/tai/1888.html
http://www.xszsz.com/tai/1889.html
http://www.xszsz.com/tai/1890.html
http://www.xszsz.com/tai/1891.html
http://www.xszsz.com/tai/1892.html
http://www.xszsz.com/tai/1893.html
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2016-12-7 14:25:20
| ʾȫ¥
7F
лл¥
http://bjard.com/news/865.html
http://bjard.com/news/866.html
http://bjard.com/news/867.html
http://bjard.com/news/868.html
http://bjard.com/news/870.html
http://bjard.com/news/875.html
http://bjard.com/news/876.html
http://bjard.com/news/877.html
http://bjard.com/news/878.html
http://bjard.com/news/879.html
http://bjard.com/news/869.html
http://bjard.com/news/871.html
http://bjard.com/news/872.html
http://bjard.com/news/873.html
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2016-12-10 00:18:01
| ʾȫ¥
8F
ȷʵǰһĺ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
zpmpb 2018-9-22 14:01:58
| ʾȫ¥
9F
ʵ΢ź{΢ţ17172634450}ڹӦ΢źţdz

ȫ΢źҵ һֻԴ ȶ׷
רҵ΢Ϻ ΢ź һ΢ź ϵ΢ź л
ȫһֻԴ ΢źż۸ȫ۸Ż װȫбϣ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-12-11 21:50

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б