このページの目次
– [連続アニメーションサンプル](#animate)
– [アコーディオンパネルのサンプル](#accordion)
– [テーブルの偶数行に CSS を適用し、ストライプ ( しましま ) にするサンプル](#addClass)
連続アニメーションサンプル {#animate}
———————————————————————-
jQuery のみで動く連続アニメーションのサンプル。
上から落ちてくるバージョンを IE8 で見ると、エッジに黒い縁が出るのはなんで？
( 最終更新日 : 2010/12/06 )
– [上からフェードインしながら落下バージョン](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/animate/a.html)
– [右から出現バージョン](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/animate/b.html)
– [右から出現バージョン ( 遅延あり )](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/animate/c.html)
アコーディオンパネルのサンプル {#accordion}
———————————————————————-
[アコーディオンパネルのサンプル１](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/accordion-panel-01.html)
: 各コマ毎に id を書き換えなくて良いので、コマが無限に増やせるタイプ。
[アコーディオンパネルのサンプル２](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/accordion-panel-02.html)
: 各コマ毎に id を書き換えないといけないタイプ。
テーブルの偶数行に CSS を適用し、ストライプ ( しましま ) にするサンプル {#addClass}
———————————————————————-
( 最終更新日 : 2008/10/08 )
### ソースコード
わかりやすくするため、余計なコードは省いてあります。
| header |
|---|
| data |
| data |
| data |
| data |
– [サンプルページ](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/addClass.html)
### 参考にさせてもらったページ
– [シマシマなテーブルを jQuery で作る – Emotional Web](http://www.lllcolor.com/web/ajax/32.html)
ありがとうございます。時間ができたら、onLoad のやり方も書いてみたい。
シマシマテーブルを作る。
jQueryとCSSを使ってシマシマのテーブルを作る方法。…