jQuery

ウェブ制作

クリックで開閉するアニメーション付きアコーディオン【CSS/JavaScript/jQuery】

クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。今回は主に<details>(詳細折りたたみ要素)とJavaScriptを使って実現する方法を紹介します。他の方法と比較してメリットも多いのでぜひ使ってみてください。...
ウェブ制作

WordPressでjQueryが動作しない場合【jQuery/WordPress】

jQueryによるスクリプトが動かない原因は様々で、WordPress特有のものもいくつかあります。今回はスクリプトの実装方法を確認しつつ、デフォルトで備えているjQueryを使い、WordPressの仕様に沿った方法での解決を試みます。j...
ウェブ制作

セレクタの使い方まとめ・一覧【jQuery/CSS】

jQueryとCSSで使用するセレクタを一覧にしました。CSSセレクタを基準にjQuery独自のものもまとめています。非推奨となったものも非推奨マークを付けていますので利用時の参考にしてください。2020/06/29現在jQueryとCSS...
ウェブ制作

スクロールアニメーションでページ内移動を行う【jQuery】

HTMLでは<a>要素のアンカーにidを指定することでそのidがある箇所までページ内移動(ジャンプ)が可能です。今回はスクロールアニメーションで目的の箇所まで移動するエフェクトをjQueryで実装します。一瞬で移動する場合と比べてスクロール...
ウェブ制作

スクロールするとフェードインでふわっと表示される要素の制作【jQuery】

誘導したいコンテンツへのリンクやページ上部へ戻るボタン等で見かける、ページをスクロールするとふわっと表示される要素。今回はページ最上部ではボタンを非表示にしておき、少しスクロールした際に表示されるボタンをjQueryで制作します。構造やデザ...
スポンサーリンク