[ JavaScript ] jQuery サンプル集


このページの目次

– [連続アニメーションサンプル](#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}
———————————————————————-

[アコーディオンパネルのサンプル1](https://bowz.info/wp-content/uploads/2008/10/jquery-samples/accordion-panel-01.html)
: 各コマ毎に id を書き換えなくて良いので、コマが無限に増やせるタイプ。

[アコーディオンパネルのサンプル2](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 のやり方も書いてみたい。

目次に戻る

1 COMMENT

CodeR

シマシマテーブルを作る。

jQueryとCSSを使ってシマシマのテーブルを作る方法。…

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です