うさのJavaScript講座
トップへ
ご利用方法
サンプル集1☆1〜25
サンプル集1☆26〜50
サンプル集1☆50〜75
サンプル集2☆1〜25
サンプル集2☆26〜50
サンプル集2☆50〜75
サンプル集2☆76〜100
サンプル集3☆1〜25
サンプル集3☆26〜50
サンプル集4☆1〜25
サンプル集4☆26〜50
サンプル集4☆50〜75
サンプル集4☆76〜100
サンプル集5☆1〜25
サンプル集5☆26〜50
サンプル集6☆1〜25
サンプル集6☆26〜50
サンプル集7☆1〜25
サンプル集8☆1〜25
サンプル集8☆26〜50
サンプル集9☆1〜25
サンプル集9☆26〜50
サンプル集9☆50〜75
サンプル集10☆1〜25
サンプル集11☆1〜25
サンプル集
サンプル集8
サンプル集8では、レイヤーを利用するものを中心に用意しました。ここでのレイヤーとは、LAYERタグとDIVタグを含みます。
レイヤーはNNとIEですこし位置がずれる場合があるのでご注意くださいね。
マウスイベントとの連動はサンプル集9をご覧ください。
サンプル番号
難易度
内容
みる
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
サンプル1
○
○
○
○
○
☆
レイヤーを位置を移動する
サンプル2
○
○
○
○
○
☆
レイヤーの位置をすこしづつずらす
サンプル3
○
○
○
○
○
☆
レイヤーを非表示にする
サンプル4
○
○
○
○
○
☆
レイヤーを表示する
サンプル5
○
○
○
○
☆
レイヤーのフェードアウト(黒→白)
サンプル6
○
○
○
○
☆
レイヤーのフェードイン(白→黒)
サンプル7
○
○
○
○
☆
レイヤーのフェードアウト(赤→白)
サンプル8
○
○
○
○
☆
レイヤーのフェードイン(白→赤)
サンプル9
○
○
○
○
☆
レイヤーのフェードアウト(緑→白)
サンプル10
○
○
○
○
☆
レイヤーのフェードイン(白→緑)
サンプル11
○
○
○
○
☆
レイヤーのフェードアウト(青→白)
サンプル12
○
○
○
○
☆
レイヤーのフェードイン(白→青)
サンプル13
○
○
○
○
○
☆
レイヤー上のスクロール
サンプル14
○
○
○
○
○
○
☆
レイヤーをウィンドウの真中へ移動する
サンプル15
○
○
○
○
○
☆☆
レイヤー上のスクロール(横幅センタリング編)
サンプル16
○
○
○
○
☆
文字列をクリックするとレイヤーの内容が変更する
サンプル17
○
○
○
○
☆
文字列にマウスをかざすとレイヤーの内容が変更する
サンプル18
○
○
○
○
○
○
☆☆
レイヤーを常にウィンドウの左上に表示しておく
サンプル19
○
○
○
○
○
○
☆☆
レイヤーを常にウィンドウの右上に表示しておく(NC6は要調整)
サンプル20
○
○
○
☆
レイヤーのフェードイン(opacityフィルタ編)
サンプル21
○
○
○
☆
レイヤーのフェードイン・アウト無限版(opacityフィルタ編)
サンプル22
○
○
○
○
○
○
☆
レイヤーを非表示にする(NC6対応)
サンプル23
○
○
○
○
○
○
○
○
☆☆☆
画面内レイヤー移動・横編
サンプル24
○
○
○
○
○
○
○
○
☆☆☆
画面内レイヤー移動・縦編
サンプル25
○
○
○
○
○
○
○
○
☆☆☆
画面内レイヤー移動・ななめ編