TeatreeLIFE » ビジネス本で人生を豊かにする情報ブログサイト - Page 15

: タブの内容を切り替える
内容を切り替えるための処理として、まず全てのcontentからactiveクラスを削除します。コンテンツからクラスを削除コンテンツからクラスを削除・前回まででメニューを切り替えることができたので ...

: クラスの付け替え
activeクラスを追加する前に、元からついていたactiveクラスは外すことで、移動するようにします。 activeクラスの付け替え activeクラスの付け替え・前回まででクリックをするとact ...

: JavaScriptでメニューにイベントをつけていく
メニューのliにclickイベントを設定して、クリックされたらactiveクラスが追加されるようにしていきます。イベントの設定ページ遷移のキャンセルイベントの設定・前回まででCSSでの全体的な ...

: 擬似クラス
細かい部分のスタイルを調整とホバー擬似クラスをつけていきます。細かいスタイリング擬似クラス細かいスタイリング・前回activeクラスをつけてそちらのスタイルを整えてきました。・今回はさらに見 ...

: メニューのスタイリングとクラスの追加
activeクラスがついているメニューにスタイルをつけていきます。メニューのスタイリングコンテンツのスタイリング displayプロパティの操作メニューのスタイリング・前回までで全体のスタイリ ...

: CSSでスタイリングをしていく
CSSで、画面全体とメニューのスタイルを調整していきます。全体のスタイリングコンテイナーのスタイリングメニューのスタイリング全体のスタイリング・前回まででHTMLでのマークアップを終えました ...

: マークアップ
HTMLでマークアップをしていきます。全体のマークアップメニューのマークアップ中身のコンテンツのマークアップ全体のマークアップ・前回まででCSSのファイルとJavaScriptのファイルを読 ...

: その他のファイルの読み込み
CSSファイルとJavaScriptをファイルを読み込んで行きます CSSファイル JavaScriptファイル CSSファイル・前回まででタブメニューを作るための全体像の把握とHTMLファイルを作 ...

: タブメニューの作り方
JavaScriptを使ってタブメニューを作っていきます。全体像の確認ファイルの作成全体像の確認・まずタブメニューについてですがタブメニューとはタブ形状のメニューをホバーしたりクリックすること ...

: ひとつ開いたら他のタブは閉じる仕様にする
ひとつの項目を開くと他の項目が閉じられるように実装していきます。 dt要素の調査クラスの削除 dt要素の調査・前回まででアニメーションを付けてより快適なUIを作ってきました。・今回はそのアコーデ ...

« Prev 1 … 13 14 15 16 17 … 34 Next »