jQueryでCSS3セレクターを使ったストライプテーブル
jQueryでマウスオーバーすると明るくなり、CSS3セレクターを使ったテーブル♪
No |
Name |
Birthday |
Part |
CV |
1 |
平沢 唯 |
11月27日 |
リードギター |
豊崎 愛生 |
2 |
琴吹 紬 |
7月2日 |
キーボード |
寿 美菜子 |
3 |
秋山 澪 |
1月15日 |
ベース |
日笠 陽子 |
4 |
中野 梓 |
11月11日 |
リズムギター |
竹達 彩奈 |
5 |
田井中 律 |
8月21日 |
ドラムス |
佐藤 聡美 |
6 |
Yui Hirasawa |
11/27 |
Lead Guitar |
Aki Toyosaki |
7 |
Tsumugi Kotobuki |
07/02 |
Keyboard |
Minako Kotobuki |
8 |
Mio Akiyama |
01/15 |
Bass |
Yoko Hikasa |
9 |
Azusa Nakano |
11/11 |
Rhytdm Guitar |
Ayana Taketatsu |
10 |
Ritsu Tainaka |
08/21 |
Drums |
Satomi Sato |
jQueryを使い、マウスオーバーするとその部分がハイライトになり、
CSS3セレクターを使ってあとで行や列を追加・削除したりもしやすいテーブルです。
けいおん!好きなホームページ担当志望者がjQueryを勉強し始めたようです。