うさのJavaScript講座

トップへ ご利用方法
サンプル集サンプル集８
サンプル集8では、レイヤーを利用するものを中心に用意しました。ここでのレイヤーとは、LAYERタグとDIVタグを含みます。
レイヤーはNNとIEですこし位置がずれる場合があるのでご注意くださいね。
マウスイベントとの連動はサンプル集９をご覧ください。
サンプル番号 IE IE IE IE IE NN NN NC NC OPERA OPERA 難易度 内容 みる DL 公開日 更新日
4.0 5.0 5.5 6.0 7.0 3.02 4.6 6.0 7.0 2.0 6.0 9.0
サンプル１ ○ ○ ○ ○ ○ 　 ☆ レイヤーを位置を移動する 見る ZIP LZH
サンプル２ ○　 ○ ○ ○ ○ 　 ☆ レイヤーの位置をすこしづつずらす 見る ZIP LZH
サンプル３ ○ ○ ○ ○ ○ 　 ☆ レイヤーを非表示にする 見る ZIP LZH
サンプル４ ○ ○ ○ ○ ○ 　 ☆ レイヤーを表示する 見る ZIP LZH
サンプル５ ○ ○ ○ ○ 　 　 ☆ レイヤーのフェードアウト（黒→白） 見る ZIP LZH
サンプル６ ○ ○ ○ ○ 　 　 ☆ レイヤーのフェードイン（白→黒） 見る ZIP LZH
サンプル７ ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードアウト（赤→白） 見る ZIP LZH
サンプル８ ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードイン（白→赤） 見る ZIP LZH
サンプル９ ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードアウト（緑→白） 見る ZIP LZH
サンプル１０ ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードイン（白→緑） 見る ZIP LZH
サンプル１1 ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードアウト（青→白） 見る ZIP LZH
サンプル１２ ○ ○ ○ ○ 　 　 　 ☆ レイヤーのフェードイン（白→青） 見る ZIP LZH
サンプル１３ ○ ○ ○ ○ 　 ○ 　 ☆ レイヤー上のスクロール 見る ZIP LZH
サンプル１４ ○ ○ ○ ○ 　 ○ ○ ☆ レイヤーをウィンドウの真中へ移動する 見る ZIP LZH
サンプル１５
 ○ ○ ○ ○ 　 ○ ☆☆ レイヤー上のスクロール（横幅センタリング編） 見る ZIP LZH
サンプル１６
 ○ ○ ○ ○ 　 　 　 ☆ 文字列をクリックするとレイヤーの内容が変更する 見る ZIP LZH
サンプル１７
 ○ ○ ○ ○ 　 　 　 ☆ 文字列にマウスをかざすとレイヤーの内容が変更する 見る ZIP LZH
サンプル１８
 ○ ○ ○ ○ ○ ○ ☆☆ レイヤーを常にウィンドウの左上に表示しておく 見る ZIP LZH
サンプル１９
 ○ ○ ○ ○ ○ ○ ☆☆ レイヤーを常にウィンドウの右上に表示しておく（NC6は要調整） 見る ZIP LZH
サンプル２０
 ○ ○ ○ ☆ レイヤーのフェードイン（opacityフィルタ編） 見る ZIP LZH
サンプル２１
 ○ ○ ○ ☆ レイヤーのフェードイン・アウト無限版（opacityフィルタ編） 見る ZIP LZH
サンプル２２
 ○ ○ ○ ○ ○ ○ ☆ レイヤーを非表示にする(NC6対応) 見る ZIP LZH
サンプル２３
 ○ ○ ○ ○ ○ ○ ○ ○ ☆☆☆ 画面内レイヤー移動・横編 見る ZIP LZH
サンプル２４
 ○ ○ ○ ○ ○ ○ ○ ○ ☆☆☆ 画面内レイヤー移動・縦編 見る ZIP LZH
サンプル２５
 ○ ○ ○ ○ ○ ○ ○ ○ ☆☆☆ 画面内レイヤー移動・ななめ編 見る ZIP LZH