jQuery 一覧

ブラウザウィンドウの幅を確認するjQuery

ブラウザウィンドウの幅を確認するjQuery

window幅による動きをチェックしていくときにつくりました。 body内の先頭とかにそのまま置いて貰えれば出ると思います。 公開前...

記事を読む

jQueryを使ってスクロールで要素が見えてからフワッとフェードインする方法・手順

jQueryを使ってスクロールで要素が見えてからフワッとフェードインする方法・手順

jQueryを使ってスクロールで要素が見えてからフワッとフェードインする方法です。 参考: 基本的にアニメーショ...

記事を読む

他ページへのリンク・遷移した時にページ内リンクを指定しスムーススクロールさせる方法・手順+遷移後のズレへの対処

他ページへのリンク・遷移した時にページ内リンクを指定しスムーススクロールさせる方法・手順+遷移後のズレへの対処

基本的にはこちらなどで紹介されているソースを基本的に使いましたが、キャッシュが影響してかなにか原因が分かりませんが、2回目以降に遷移時の位置...

記事を読む

jQueryでライトボックス風ポップアップ要素を作る方法・手順

jQueryでライトボックス風ポップアップ要素を作る方法・手順

よく使う特定の要素を初期では非表示にしておきボタンなどをクリックした際にライトボックス風にポップアップ的に表示させる方法です。 ...

記事を読む

jQueryで数字三桁ごとのものにカンマをふる方法・手順

jQueryで数字三桁ごとのものにカンマをふる方法・手順

カンマを振るタイミングはそれぞれでアレンジ 表示の際に対象のクラスそれぞれに、inputからfocusが離れた際、など変更して使ってくださ...

記事を読む

jQueryでよく考えこんでしまうセレクタとトラバースのまとめ

jQueryでよく考えこんでしまうセレクタとトラバースのまとめ

jQueryでよく考えこんでしまうセレクタとトラバースのまとめです。 参照はこちら セレクタ $("body") ...

記事を読む

jQueryでとても簡単にアコーディオンのパーツを作る方法・手順

jQueryでとても簡単にアコーディオンのパーツを作る方法・手順

いつものようにjQuery本体の読み込みは忘れないようにしてください。 CSSの設定無しでも動きます。(裸状態ですが) ...

記事を読む

jQueryのカルーセルスライダープラグイン『jCarouselLite』の使い方・手順

jQueryのカルーセルスライダープラグイン『jCarouselLite』の使い方・手順

下記のようなボタンを押すことでズレていくスライドショーです。 基本的にはjQuery本体、プラグインを読み込んで、HTMLソースを揃え...

記事を読む

jQueryで背景画像リピートをエンドレスで動かす為の方法・手順

jQueryで背景画像リピートをエンドレスで動かす為の方法・手順

背景画像をず~っと横にスライド、もしくは縦にスライドさせ続ける方法です。 ※jQueryソースを読む前にjQuery本体読み込みを...

記事を読む

jQueryで横にスライドする縦型アコーディオンのコンテンツを作る方法・手順

jQueryで横にスライドする縦型アコーディオンのコンテンツを作る方法・手順

以前作成した時のメモ書きのレベルですが、下記コードで動きます。 jQuery部も含めあまり難しくはないと思うので各所読み解いて、必要なとこ...

記事を読む