[Category] JavaScript 全62件

Bootstarpのスライドショーによくある 1 / 5 みたいなスライドショーの全個数と、今のスライド番目を出したかったのでメモ。公式に既にイベントとプロパティについて説明があったのでサクッと作ることができました。Bo…

jsのscrollIntoView()というメソッドを使って簡単にスムーススクロールを作るデモです。 See the Pen 210215_scrollIntoViewのデモ by nekuta (@nekuta) on…

下記のようなスライドショーを作成したかったのでメモ。使用プラグインはSwiper.jsです。 2021/8/17 : 一部記述に不備があったためcodepenとブログを修正しました。 ・横幅が下記の時に１画面に表示するス…

タイトルの通り、javascriptでCookieを消せなくてハマったので備忘録。 まずはこんなような感じでクッキーを保存しました。 ググったら設定をしたCookieを消すには下記のような感じにすればいいらしい。でも消え…

ちょっとリッチなセレクトボックス。 See the Pen 201017_セレクトボックスを装飾する by nekuta (@nekuta) on CodePen. セレクトボックスのスタイル自体を透明にする セレクトボ…

jQuery無しで動くアコーディオンを作りました。スライドする動きはどうにも表現が難しかったのでアニメーションライブラリのGSAPで動きをつけました。 GSAP – GreenSockhttps://gree…

例えばAから6個、Bから4個それぞれランダムで選ぶとき。ajaxでjsonを読み込みます。 デモページ html javascript item.json ランダムな配列を用意する ランダムな配列を作成する 配列をシャッ…

複数選択可能な選択ボックスです。 See the Pen 190702_選択ボックス by nekuta (@nekuta) on CodePen. ボタンがクリックされたらセレクトボックスで選択されているoptionの…