Tag Archives: CSS3

JavaScript

[CSS3, jQuery] 1行毎にテーブルの背景色を変更する4つの方法

※2012年8月5日追記: テーブルが2つ以上あると色がおかしくなるバグがありました。jquery.paint_table.jsを以下のようにすると直ります。

//var numTh = $("table").find("th").length;
var numTh = $(this).find("th").length;

// $("table tr").each(function() {
$(this).find("tr").each(function() {

この記事では、CSS3とjQueryを使ってテーブルの背景色を奇数と偶数で変更する、4種類のサンプルを載せています。その4種類は、「CSS3を利用」・「jQueryを利用」・「jQueryを利用(rowspanあり)」・「jQueryを利用(rowspanあり+プラグイン化)」です。

read more »