jQuery カテゴリ

【jQuery】画面スクロールで上部に固定ナビゲーションを表示するjQueryコード

【jQuery】スクロールすると上部に固定ナビゲーションを表示するjQueryコード

WEBサイトでよく使われる手法ですが、画面を少しスクロールすると上部に追従する固定メニューがフワッとフェードインで表示されるコードをjQueryで実装します。逆にスクロールで画面を一番上に戻すとメニューが非表示になります。コピペで簡単に実装できるよう解説しています。

続きを読む

【jQuery】指定の要素数毎に自動で「続きを読む」ボタンを生成

【jQuery】特定の要素数ごとに自動で「続きを読む」ボタンを付けるコード

使い所がかなり限られるコードですが、たとえば1ページ内に同じ要素をリストで大量に並べるときに、ユーザーに分割して見せたい場合などに使えそうなコードを共有します。

指定した要素の数ごとに少しずつ表示させます。自動で追加される「続きを読む」ボタンを押せば、分割した数ごとに順次表示されるようになります。

続きを読む

【jQuery】マウスオーバーでシンプルなサムネイル画像の切り替え(複数要素対応版)

マウスオーバーでシンプルなサムネイル画像の切り替え

ネットショップなどでよく見られる、複数のサムネイル画像にマウスオーバー(スマホであればタップ)するとメイン画像が切り替わるスクリプトをjQueryで用意しました。1ページ内に同じ仕組みが複数ある場合も動作するようになっています。少ないコードで可能な限りシンプルな動作になっているので、サクッと導入したい場合は是非一度使ってみてください。

続きを読む