<< Prev Page Next Page >>

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


jQueryイディオム:テーブルハイライト

こういうのもjQueryでサクっとイケます。すごいぞCSS3。

これの「横列・縦列をハイライト」をDHTMLで。 404 Blog Not Found:javascript - tableの横列・縦列をハイライト
1. まずスタイルシートは同じ物を使います。
<style> .hstripe-even { background-color: #ccffcc } .hstripe-odd { background-color: #ccccff } .vstripe-even { background-color: #ffccff } .vstripe-odd { background-color: #ffffcc } </style>
2. 横縞にしたいtableにclass="hstripe"をつけます。別にtbodyじゃなくていいよ。 3. スクリプトは以下。
$(function() { $('table.hstripe tbody tr:even').addClass('hstripe-even'); $('table.hstripe tbody tr:odd').addClass('hstripe-odd'); $('td:even', 'table.vstripe tbody tr').addClass('vstripe-even'); $('td:odd', 'table.vstripe tbody tr').addClass('vstripe-odd'); });
この縦縞、最初
$('table.vstripe tbody tr td:even').addClass('vstripe-even');
ってやってたら市松模様になってしまった。でもちゃんとうまくいくようになってたよ! 以上!
現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計
1979FY1,948,234242,722452,2410432,124110,71082,0087,2372,4893,277,765
1980FY2,174,447288,165492,2080499,327112,128105,9597,2033,3493,682,786
1981FY2,416,292334,403479,9060579,077108,308115,5437,7033,2164,044,448
1982FY2,627,648421,591528,3060668,918111,449125,5956,0984,1014,493,706
1983FY2,827,925531,158716,1610767,412111,207151,1775,3454,5585,114,943
1984FY3,054,117595,207767,2900882,297112,985170,1447,7165,2235,594,979
1985FY3,294,078667,2391,004,08901,020,857112,128183,95414,6414,0316,301,017
1986FY3,545,346761,4681,397,07301,208,116114,366215,82728,8175,1077,276,120
1987FY3,818,660863,7751,837,84801,418,681119,563235,59748,6146,7278,349,465
1988FY4,100,172925,4232,165,53201,663,884124,178254,03361,1478,2649,302,633
1989FY4,479,416984,2072,032,11401,918,591121,556281,37838,90213,9969,870,160
1990FY4,818,2261,077,0391,721,85102,116,160125,205326,46838,38615,07410,238,409
縦縞↓
現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計
1991FY5,171,5661,093,5271,256,95402,289,595125,235343,20236,55112,96810,329,598
1992FY5,404,6331,156,5431,188,16302,514,169127,713407,33427,22110,74810,836,524
1993FY5,669,5721,185,5181,232,91802,747,022137,953422,35816,01411,34911,422,704
1994FY6,007,0851,147,0871,184,76602,947,169138,400411,80115,17311,29011,862,771
1995FY6,296,3601,166,1421,439,81503,185,969140,031393,92323,3354,75312,650,328
1996FY6,583,8751,110,3451,177,09303,356,732143,650413,90143,29212,53512,841,423
1997FY6,940,141998,1971,217,4211353,480,154141,010425,26145,80415,58513,263,708
1998FY7,237,920925,2571,015,2801593,589,076141,930422,53944,88816,02613,393,075
1999FY7,447,390921,6071,522,809513,698,712142,837411,58240,42014,59214,200,000
2000FY7,514,280905,7741,301,4781603,776,240138,403386,74560,02076,37714,159,477
2001FY7,654,300790,2971,035,2762353,790,429124,771381,96674,35072,74113,924,365
2002FY7,755,143684,510782,9145723,769,795122,941368,88069,76766,36713,620,889
2003FY7,799,718692,7281,187,1564533,777,293121,986353,80968,181108,98114,110,305
2004FY7,763,389773,1991,229,0062403,826,049121,897327,21669,984111,43814,222,418


この記事に対するコメント

この記事に対するコメントの投稿



管理者にだけ表示を許可する

この記事に対するトラックバック

トラックバックURL
http://tockri.blog78.fc2.com/tb.php/138-3b66597e
この記事にトラックバックする(FC2ブログユーザー)

そんなにjQueryが気になるか

先日の記事が弊ブログ史上最高かな?のアクセス数290/日を記録した。最高でソレかよ。 うーん、「それjQueryでさくっとできますよ」って、jQuery... とっくりばー【2008/03/25 11:11】


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。