jQuery– category –
-
【jQuery-36】画面をスクロールするとメニューバーがハイライト【実践編】
画面をスクロールすると、メニューバーの表示がそのカテゴリに合わせて切り替わるような仕組みを作ってみましょう。HTML, CSS と jQuery の関係について、基礎から学び... -
【jQuery-35】画面をスクロールするとメニューバーだけ追従する【実践編】
メインビューの下部にメニューバーがあり、スクロールをするとそのメニューバーのみついてくるような仕組みを作ってみましょう。かなり実践的かつ応用の幅も広いスクリ... -
【jQuery-34】画面をスクロールすると小さくなるメニュー【実践編】
今回作るのは、スクロールをしたときにヘッダーが付いてきてきて、ある程度スクロールされたらそのヘッダーが小さくなる、というものです。これもPC・スマホ問わず多く... -
【jQuery-33】スライドメニューを作ってみよう【実践編】
今回はスライドメニューを作っていきます。画面の端から飛び出してくるタイプで、スマホサイトでもよく使われる方法ですね。こちらも仕組みはとても簡単です。いや、ち... -
【jQuery-32】フォームに警告文を表示させる方法【実践編】
入力フォームに誤りがある場合に警告文が表示されるようにしましょう。よくあるケースとして、必須項目なのに入力をしないままボタンを押すと、赤字で「必須項目です」... -
【jQuery-31】ランダムで表示を変える方法【実践編】
WEBサイト内には自動で表示が切り替わる部分があります。いつも同じ表示をさせるよりも訪れるたび違うものが表示されていたほうが、ユーザーを飽きさせません。というこ... -
【jQuery-30】クリックで開閉するアコーディオン【実践編】
今回は、クリックをすると開閉するアコーディオンを実装してみましょう。基本的なメソッドばかりですが、うまく組み合わせることによってこのような動きも可能になりま... -
【jQuery-29】マウスオンでハイライト表示をさせる【実践編】
皆さんこんにちは。今回も jQuery を駆使して面白い仕組みを作ってみましょう。マウスを乗せたときに、そのセルの行と列の色がハイライトされる仕組みです。こう聞いた... -
【jQuery-28】条件を満たした要素だけを表示させる【実践編】
ボタンをクリックしたときに、ある条件を満たしたもの以外は消去する、というスクリプトを書いてみましょう。フィルタリング機能とも呼ばれますが、ブログ、ECサイトな... -
【jQuery-27】パララックス効果をサイトに実装する方法【実践編】
パララックスと呼ばれている方法を用いて、少し複雑な表現に挑戦してみましょう。パッと見、難しそうに感じるかもしれませんが、複数のレイヤーを移動させるとい...