[Category] JavaScript 全63件

クリックすると中身が出てくるアコーディオンボタン。可変すると周知するために最初の一つは開けています。一応開いた状態の要素に.activeをつけています。 See the Pen 171004 by M.Ueda (@ne…

UIを意識したくて作ったやつ。メニューをスライドさせる動きとclassを付けるのをjQueryで行っています。 ハンバーガーメニューは以前作ったこちらを使いました。CSSだけで作るハンバーガーメニュー 縦にメニューが出て…

遊んでたら出来上がったもの。firefoxでいい動きをしなかったので、userAgentで振り分けました。firefoxだとloadが完了するとloading画面がふわっとフェードし、それ以外のブラウザだと、波が引くよう…

ナビの高さが変わっても大丈夫な様にしたつもりだけどあまりいい動きをしない。まだまだ勉強不足です。 See the Pen 20170713 by M.Ueda (@nekuta) on CodePen. js(jQuer…

GoogleMapsAPIを使って地図をカスタマイズします。 ▼埋め込みGoogle Mapのスクロール防止対策はこっち 埋め込みGoogle Mapをスクロールさせないようにする ・スクロールしてもズームされない ・デ…

ブラウザ幅(横または縦)を変更してもビジュアルがブラウザ幅に合わせて可変します。 デモページ HTML CSS jQuery onで複数のイベントを設定できます。今回はloadとresizeを使用しました。loadはht…

以前投稿した横から出るメニューの進化版みたいなものです。スマホ用横から出るメニュー 横ナビ以外の領域をクリックまたはタップしたときに横ナビを閉じるようにしました。 デモページ HTML CSS js(jQuery) 解説…

横幅100%の地図を掲載しているサイトは多いですよね。しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が…