ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
PREMIUM
パララックスサイトを作ろう
パララックス(視差)効果を利用した、立体的な動きのあるサイトを作ってみます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(11)
未完了
#01 パララックスサイトを作ろう
(02:12)
無料公開中
概要
完成品の確認
事前知識
ツール
未完了
#02 ひな型ファイルを作ろう
(03:00)
無料公開中
ひな型HTMLファイルの作成
未完了
#03 スクロール距離を取得しよう
(03:00)
無料公開中
スクロール距離の取得
要素の移動
未完了
#04 各要素をばらばらに動かそう
(03:01)
横方向への移動
変形処理
未完了
#05 背景画像を使ったパララックス効果
(02:54)
ひな型ファイルの作成
未完了
#06 背景画像を固定させてみよう
(02:14)
背景画像の固定
未完了
#07 背景画像を移動させてみよう
(02:16)
背景画像の移動
未完了
#08 文字を出現させてみよう
(02:43)
文字のスタイル
透過設定
位置設定
未完了
#09 マウスで操作するパララックス効果
(02:57)
ひな型ファイルの作成
未完了
#10 マウスカーソルの位置を取得しよう
(02:59)
マウスカーソル座標の取得
未完了
#11 各要素を立体的に動かそう
(01:17)
動作確認
ギャラリー
このレッスンについて
最終更新日
2013年9月23日
バージョン情報
jQuery 1.8.3
関連キーワード
(6)
ミニプログラム
(142)
初心者向け
(368)
HTML
(115)
CSS
(116)
jQuery
(34)
ウェブサイト構築
(155)
このレッスンを共有する