1冊本を仕上げようかと思ったけれど、なかなか進まないので、必要最小限のjQueryだけ先にマスターしようと思う。
実装に頻出7つのjQuery,JavaScript
- トグル
- タブ
- モーダル
- ドロワーメニュー
- ローディング
- フロートトップボタン
- スライダー
以上の7つがマスターすべきJQueryらしい。
ということで一つずつ勉強をしていこうと思う。
タップで読みたいところにジャンプします
トグル
見出しの一部を押すと下に今まで隠れていた内容が表示されるjQuery
jQueryのトグルを使用したアコーディオン
せっかく作ったので、忘備録として残す。 構成の考査 大体の構成は以下の通り。 常時見えているタイトル部 と クリックすることで見えるノート部をつくる。 タイトル部...
タブ
小さな見出しが横並びについていてそれを押すと表示が変わるjQuery
タブで表示を変えるjQuery
表示内容をタブで切り替えられる。 実際に動くURL 使用したJQuery hide() click() attr() show() removeClass() addClass() jQuery $('.tab04__areaStory[id != rai...
モーダル
全画面に別画面が出て、その画面を閉じるまで他の操作が出来ないjQuery
画面の上にボタンのある子画面が出るjQuery モーダル
広告等でよく使われるjQuery これが動くURLこちら 使用したJQuery hide() click() fadeIn() fadeOut() jQuery のコード $(function () { // ポップアップを隠す $('...
コメント