table内で、1行毎に背景色を変えたい場合、trにいちいちclass名を付けていくのは面倒なもの。
そんな時に見つけたyuga.js(MITライセンス)というスグレモノ。
使い方
使い方も簡単で、jQueryとyuga.jsを一緒にhead内で呼び出してあげて、CSSで奇数行(または偶数行)の背景色を指定してあげるだけ。
奇数行、偶数行は、それぞれ下記のように指定。
・「tr. odd td」→奇数行の指定
・「tr. even td」→偶数行の指定
例えば奇数行のtdの背景色を変えたい場合は、下記のような感じでCSSで指定してあげればOK。
table tr.odd td {background: #efefef;}
とっても便利。
※2020年5月24日追記
こちらのページでご紹介している方法は古く、今はCSSのみで調整する方法が主流です。(初学者が混乱しないように追記させていただきました)
8月 23, 2011 | No Comments
Fuji Rockの映像のようです。 とっても素敵。
8月 21, 2011 | No Comments
下記のように書くと、各スマートフォン別にCSSを適用することが出来ます。 (「display:block;」とか「display:none;」とか) userAgentの名前を指定すれば良いので、CSSハックより見た目で […]
8月 19, 2011 | No Comments
12ドルするjQueryのスライドショープラグイン。 綺麗な動きだったので、有料だけど買ってしまいました。 Avia Slider
8月 18, 2011 | No Comments
8/6(土)、KAAT(神奈川芸術劇場)で観た舞台をメモ。 KAAT STREET DANCE FESTIVAL 7/30(Sat)-8/7(Sun) COMPAGNIE KAFIG “AGWA” […]
8月 13, 2011 | No Comments
ひんやり美味しそうです。 作家さんのHPはこちら。 ・SARAH ILLENBERGER
8月 13, 2011 | No Comments
格調高く(?)高級感を感じさせるものからシンプルで品の良さそうなものまで。 仕事の参考資料として調べたメモ。 ピンクもこれぐらい濃いと落ち着いて見えます。 シンプルだけど余白が効いていて素敵。 お茶? ストライプでスッキ […]
5月 19, 2011 | No Comments
イラスト素材がやたらと豊富にあるサイト。 RICOHさんが運営しているそうです。 クリップアートファクトリー | 全部無料で使えるテンプレート&素材集のダウンロードサイト 使用許諾については、ダウンロードした個人 […]
5月 12, 2011 | No Comments
下記のような感じ。(「tagname」のところはタグの名前を入れる) <ul> <?php query_posts(‘tag=”tagname”‘); if(have_posts()) : while( […]
5月 10, 2011 | No Comments
使用しているテーマが入っているディレクトリにあるfunctions.phpに下記を追記すればOK。 function add_tag_to_page() { register_taxonomy_for_object_ty […]
5月 10, 2011 | No Comments
<?php if(have_posts()): while(have_posts()): the_post(); ?> <?php the_title(); ?> <?php the_con […]
5月 6, 2011 | No Comments
ヴィム・ヴェンダースが監督したピナ・バウシュの映画『Pina』のトレイラーが最高です。 これは(確か)ヴッパタールの駅近くの風景だったような気がします。 これは(多分)『春の祭典』。 ピナ亡き後に芸術監督を務めるドミニク […]
5月 3, 2011 | No Comments
Experience Human Flight from InfinityList on Vimeo.
5月 2, 2011 | No Comments
おすすめされた動画。中国少林寺の僧侶とのコラボレーションだそうです。
4月 28, 2011 | No Comments
jQueryで「.click」にクリック時に「rel=”nofollow”」を挿入する場合は、下記のような感じ。 (クリック時にnofollowを入れることに意味があるかは不明。。) $(docu […]
4月 24, 2011 | No Comments