[Category] JavaScript 全62件

コンテンツの要素量が少ない時にbodyの高さをブラウザの高さまで伸ばしてくれるjavascriptです。

ブラウザの下に追従するものが付いている場合がありますが、そういうものがあった場合にfooter要素に追従する要素の高さ分padding-bottomをとるjavascriptです。

SP用の横から出てくるナビゲーションを作成しました。今回は練習のためにjQueryなしで作りました。一応jQueryで書いた時も載せています。クラスと要素の追加・削除処理のみjsで行い、残りは全てcss。ハンバーガーメニ…

アラート用のモーダルウィンドウを作りました。一定時間だけモーダルを表示させます。表示中にモーダル以外の箇所をクリックした場合はモーダルが非表示になります。 デモページ html css js(jQuery) 解説 クリッ…

javascriptを使って、ボタンをクリックするごとに背景をランダムで出すデモ。jQuey無しで動きます。改良してグラデ版も作ってみたいです。 See the Pen 180530_色をランダムで出す by nekut…

このメーターなんて言うんでしょう？進捗バー？プログレスバー？を作りました。特定のclassを入れることで、バーの長さとパーセントを動的に出してくれます。作ってて楽しかった。 See the Pen 180501_プログレ…

全ての項目をチェックするチェックボックスです。チェックが１つでも外れたら、全てチェックするチェックボックスもチェックが外れます。 See the Pen 全てチェックするチェックボックス by nekuta (@neku…

一定以上要素がある時にアコーディオンボタンを出現させ、一定に満たない場合はアコーディオンボタンを出しません。 See the Pen 180407_アコーディオン by nekuta (@nekuta) on CodeP…