jQuery/Javascript jQuery/Javascript

DEMO 大量の似たようなデータをフォームから入力する際にあったら便利だと思い作成しました。 入力内容をボタンをクリックすることでcookieに保存し、再度呼び出すためのボタンをクリックすれば入力内容が反映されます。 同...

NHKスタジオパークの凄まじいレスポンシブっぷりで注目を集めているjQuery Masonryプラグインですが、このプラグインを使用してものすごく簡単に凄まじくレスポンシブでインタラクティブなサイトを作る方法を紹介します...

ある程度までスクロールしたら固定されるナビゲーションと、ある程度までスクロールしたら表示されるフッターのスクリプトを考えました。 ナビゲーションの固定は最近楽天でも使用されています。フッターの処理は事例がすぐに思いつきま...

DEMO 最近はキービジュアルにFlashを使用せずにJavascriptによるアニメーションを使うことが増えてきました。GalleryViewのようなスライドショーふうのプラグインを設置するだけのケースも多いですが、ち...

li要素をクロスフェードするだけのシンプルなプラグインをつくりました。 画像とテキストが混じった状態でも順番にフェードイン・フェードアウトを繰り返します。 DEMOはこちら ダウンロード もともとプラグインではなくベタに...

2013.03.27追記 カスタマイズしたJavascriptファイルをGitHubで公開しました。 下記の改修例はpanel_animationオプションをfadeだけしか考慮していませんでしたが、fade,slide...

今や定番となった感もありますが、ページ内リンクをスクロールしながら遷移するスムーススクロールを手っ取り早く実装する場合、以下のスクリプトになります。 実際の設置例 見た感じ特に問題なさそうなのですが、アニメーションのスピ...

FAQページなどでよく使われるのですが、ページの上のほうに質問一覧のリンクがあって、クリックすると同一ページ内のアンカーに飛ぶという構成があります。 ユーザーとしてはなんとも思わない普通の構成ですが、制作者としては ・質...

マウスオーバーしたときに要素を半透明にするスクリプトはよく使いますが、jquery.easingプラグインをロードした場合は第3引数を省略するとエラーになります。 通常だとこれで問題ありませんが、jquery.easin...

Javascriptでは値が取得できなかったり関数が未定義だったりするとエラーとなり、その後の処理が行われなくなります。 実際の制作でよくあるケースでは 1.特定のページでしか使わないjQueryプラグインを<sc...

CrossSlideというjQueryプラグインがあるのですが、使用する画像のパスをスクリプト内に書かないといけないのがちょっと不満だったのでHTMLから画像を取得してスライドショーを実行するという仕組みに改変しました。...

AD