ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/05/25
NEW
週刊ドットインストール(2023/05/25号)を更新しました!
2023/05/24
NEW
ポートフォリオ掲載可能!実案件をイメージした新クラス、『Webアプリ案件修行 ダミーデータジェネレータ編』をリリースしました
PREMIUM
【旧版】JavaScriptでモーダルウィンドウを作ろう
JavaScriptを使ってモーダルウィンドウを実装していく方法について見ていきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでモーダルウィンドウを作ろう
JavaScriptでモーダルウィンドウを作る方法を学んでいきます。
0%
動画レッスン一覧
(8)
未完了
#01 モーダルウィンドウを作ろう
(02:46)
無料公開中
概要
完成版の確認
必要となる知識
対応ブラウザ
作業用フォルダの説明
未完了
#02 HTMLのマークアップをしよう
(02:03)
無料公開中
index.html
未完了
#03 ボタンのスタイリングをしよう
(02:54)
styles.cssの作成
未完了
#04 mask、modalのスタイリングをしよう
(02:39)
スタイルの設定
未完了
#05 モーダルウィンドウを非表示にしよう
(01:52)
モーダルウィンドウの非表示
未完了
#06 main.jsを作っていこう
(02:21)
main.jsの作成
未完了
#07 クリックイベントを設定しよう
(02:11)
クリックイベントの設定
未完了
#08 z-indexを指定しよう
(02:14)
z-index
ギャラリー
このレッスンについて
最終更新日
2017年2月16日
バージョン情報
HTML5 / CSS / CSS3 / JavaScript
関連キーワード
(6)
基礎講座
(368)
初心者向け
(367)
HTML
(115)
CSS
(116)
JavaScript
(6)
ミニプログラム
(142)
このレッスンを共有する