jQueryでページの前後への移動（変遷）をキーボードのキー操作で実装する
jQueryを使って、ページの変遷をキーボードの操作で実装する。右の矢印、左の矢印を使うことで素早くページ移動ができるようにユーザービリティの上昇につながる
jQueryでリンク切れしている画像を削除して表示させない
jQueryを使って、リンク切れのimgタグに対してアクションを起こす。画像の削除や、それに関連する要素の削除などを行う。
jQuery で一定以上スクロールしたらついてくるナビゲーションを実装する
jQueryを使ってシンプルにスティック・フローティング等を実装するのに使えるコード。主にスクロールすると途中からついてくるナビゲーションの実装に使えるものです。jQueryでちょっとだけのコードで実装できてお手軽に使えます。
jQueryでシンプルなタブ表示を作る
jQueryを使って、基本的なシンプルなタブ表示を実装するコードです。CSSのチェックボックスを使って実装するよりもシンプルなHTMLの構造を保つことが出来コードが見やすいというメリットもあります。
IE8でjQueryでoffset().top()を使うとエラーが出てしまう場合
jQueryを使った時に、IE8で offset().top() でエラーが出てしまう時の対処。offse()で値を取得するときには実在するするものが無いとエラーが出てしまうといったものがある。モダンブラウザではこれらのエラーは出ない
IE8用にbackground-size を設定できるようにするプラグイン 「jquery.backgroundSize.js」
Internet Explorer 8 でもCSSのBackground-size を使えるようにするプラグイン。「jquery.backgroundSize.js」の紹介と使い方
素晴らしい！HTML+CSS+jQueryで絵本のようにページをめくっていけるぜひ参考にしたいコード
絵本をHTMLとCSSとjQueryで作ったものです。ページのめくれ方や、そのあとのちょっとした動作が素晴らしいリアリティあるクオリティの高いものです。こういったものを作るときにはぜひ参考にしたいコードです。
スクロールに合わせて、ヘッダー画像がぼやける効果を与えるスクリプト
jQueryを使って、スクロールに合わせて ヘッダー画像がぼやけるスクリプトを作ってみました。どこかでこのようなテクニックを見かけて、作ってみようと思っていましたので今回作ってみました。よかったら使ってみてください
jQuery でclick要素の初回クリックを判定する方法の覚書
jQueryを使った、click要素が初回クリックなのかどうかを判定する方法の覚書。これを利用することで、無駄な読み込みを減らしたり、WEBサイトをより快適に使うために利用できる
jQueryのアニメーションを拡張していろいろな動作を簡単に実装するプラグイン jQuery Easing Plugin
jQueryではデフォルトでは2つしかないアニメーションを拡張するjQueryプラグイン。これを利用することで多くの表現を実現することが出来る
jQueryでクリック(click)での、連打を防止して アニメーションが終わるまでクリックボタン無効にする
jQueryでアニメーション効果を与えるボタンでの連打をすることによって、アニメーションがぐちゃぐちゃになってしまわないように、連打できないようにする工夫
ページスクロールでダイナミックな切り替えエフェクトが楽しい コンテンツスライダー 「multiScroll.js」
jQueryのプラグインを紹介。コンテンツがダイナミックに切り替わるエフェクトが特徴的な コンテンツスライダー的なものを実装するプラグイン
cookieを簡単に扱うことが出来る jquery.cookie の使い方と応用
jQueryプラグインの Cookie.jQueryを使って Cookieの作成と取得、またその取得したCookieを使った応用ケースを紹介
背景がスクロールに合わせて少しづつ動く ワンランクアップのパララックス
CSSで背景を固定した要素とそうではない要素を組み合わせてパララックスにすることがあります その場合は background-attachment の fixed か scroll かの違いをうまく使い分けて行います & […]
背景が4方向にスライドするコンテンツの切り替えが美しい jQueryをつかったアイディア
複数のコンテンツを、コンテンツごとに1画面表示にして それぞれを、表示するときの切り替えが美しい
jQueryをつかって、中身はそのままでHTMLタグを書き換える
HTMLタグを強制的に変更したいときに HTMLから操作がするのが難しいケースや、動的に変更させたいときに使える方法 jQueryを使ってHTMLのタグの中身はそのままで、タグのみを変更する […]
jQueryだけでiframeを再読み込み(reload)させる方法とプレーンなjavascriptを使った方法
アニメーションが伴うものや ランダムな要素があるもので、何度か確認したいものがあります そんな時にはiframe内を再読み込みさせてやりたい それを解決する方法
jQueryを使ってページの先頭へのスムーズにスクロールするボタンと、スクロールに合わせて表示を作る
jQueryを使って ある程度スクロールしたら、ページ先頭へ戻るボタンが出てきて クリックすると、スムーズにスクロールしてページの先頭まで移動するボタンを作ります
要素が画面内に現れた時にイベントを実行する jQuery.invew プラグインの使い方
パララックスのWEBサイト等で スクロールしていくと、次々にコンテンツが表示されたり アニメーションしたりするものがありますよね そういったものを簡単に実装することが出来るのが jQuery.inview […]
jQueryのscrollTopを使った変化する要素を作る
最近、スクロールすると ヘッダー部分のナビゲーションが変化するのをよく見かけますね ある程度スクロールするとついてくるタイプのものや スクロールするとサイズや形が変化するタイプのもの等々ありますね 大体は、 […]
