jQuery

コーディング

画像の遅延読込でページ内リンクがずれる時の解決法【jQuery】

画像にloading=”lazy”などの遅延読み込みを設定したら、ページ内リンクのジャンプ先がずれてしまった…。そんなトラブルを解決した、jQueryの記述方法をご紹介します。
コーディング

伸び縮みする矢印のアニメーションサンプル【CSSのみや、スクロールで発火】

コピペで簡単! HTMLとCSSのみで描画する、動く矢印のアニメーションサンプルです。スクロールして要素が出現してからアニメーションを開始させたい場合の、jQueryを使ったソースコードも載せています。
コーディング

トップのお知らせ部分に別ページの新着情報だけを表示する【jQuery】

WordPressを導入しない静的サイトで、別ページのお知らせ一覧の最新の数件だけを取得して、トップのお知らせ(NEWS)部分に表示させたい。そんな機会があったのでjQueryだけで実装しました。
コーディング

スクロールして画像が見えてからGIFアニメを再生させる【jQuery】

動くGIF画像をホームページで表示させたとき、画像が見えてなくてもGIFアニメの再生が始まってしまうため、スクロールして要素(画像)が見えたら、jQueryで静止画像からGIFアニメ画像に切り替える方法をご紹介します。