# jQuery

するする動くと楽しいですねー 固定ヘッダーがある場合はクラスやIDを指定して高さ調整しちゃいましょう！ もくじ JavaScript 実装サンプル、ページ内リンクのスクロール（固定ヘッダーがあったら） 外部リンクからのス

...

スクロールすると固定した背景画像が切り替わる実装サンプルをまとめてみました。 CSSだけで対応できると素敵なのですが『background-attachment: fixed;』がスマホだと効かないので、今回はjQuer

...

Lightboxプラグイン『Colorbox』の使い方と、制作に役立つ実装サンプルをまとめてみました。 簡単に実装することができるのでおすすめです。 （個人的には『PhotoSwipe』をおすすめしますが、jQueryで

...

jQueryを使って、スクロールの途中から追尾（fixed）、そして、指定の位置（class）で消える、というのを実装してみたいと思います。 なんだか複雑だー 理解できれば意外と簡単ですー もくじ 実装サンプル メモ さ

...

利用規約に同意（チェック）する！ 申し込みボタンが活性化！ もくじ 実装内容 実装サンプル メモ さいごに 実装内容 同意する（利用規約とか申し込み規約とか） 複数のボタンが活性化される（応募ボタンとか申し込みボタンとか

...

slick（スリック）の使い方をまとめてくださいー わかりましたー よく見かけるスライダー（自動再生） See the Pen 【jQuery】スライダープラグイン「slick」よく見かけるスライダー（自動再生） by

...

jQueryを使えば、class（クラス）の追加も削除も簡単にできます。 どんなときに使いますか？ ボタンを押してスタイルを変えたい時とか便利ですよー もくじ 『addClass』class（クラス）の追加 『remov

...

正直、簡単かなと思っていましたが、結構時間がかかってしまったので備忘録も兼ねて。 ポイントは、「overflow: hidden;」と「overflow: visible;」。 横幅いっぱいで、 並んでるスライドショーを

...

少し複雑な『タブ切り替え』を実装してみました。 ▽今回の実装テーマ 上下のタブの連動 下のタブを押すとスクロールして上にスクロールして移動する 外部ページからのリンクIDを可能にする。リンクIDのタブを開いた状態にする

...

クリップボードにコピーする。 簡単かなと思ったけど、とても難しかったです。 ブラウザによって全然挙動が違うことに驚きました。 いろいろ試してみた結果をまとめています。 アドレスをコピーできたらいいなとか、たまにですが あ

...

プルダウンメニューで ページ内をスクロールさせてみましょう もくじ 実装サンプル メモ さいごに 実装サンプル See the Pen プルダウンメニューでページ内リンク by 125naroom (@125naroom

...

スマホでホバーってできますか？ あー、こんな感じだったら可能ですよー jQuery サンプルではaタグを指定。PCのときと同じ動きをしてくれるというもの。※ タッチ = touchstart さいごに おー タッチしたと

...

あのー、簡単にタブを作りたいのですがー じゃあ、プラグインを使って簡単に作ってみましょう 簡単にタブを作ってみる（プラグイン使用） See the Pen 【 jQuery】プラグインのtabs.jsを使って簡単にタブ切

...