jQuery jquery.easie.jsを利用しスクロールの余韻を残す
現状最新版のFireFoxで見られるような、画面のスクロール動作でちょっとした余韻を残すアクションを加えてみたい時には、jquery.easie.jsを使って実現が出来ます。デモサンプル// // 1...
jQuery
jQuery 
jQuery リストをひとつずつ遅延表示させるjQuery
同じような要素を並べて表示する箇所などで少しばかりリッチ感を出したいな～ってときに、各要素を遅延表示させたりすることで単純な一覧表示よりも動きがあっていいかもしれません。jQueryを使ってリストを簡...
jQuery 横スクロールパララックスを表現するjQueryプラグイン「jInvertScroll.js」
スクロールすると、横方向に画像が移動しパララックスを表現をしてくれるjQueyプラグインの「jInvertScroll.js」をご紹介します。デモサンプル// // 1.jInvertScroll一式...
jQuery レスポンシブに対応した簡単メニュー
PC・タブレット・スマホ、それぞれに対応したレスポンシブなメニューを「jQuery」と「CSS」で簡単に作成できます。シンプルなものですが、その作り方をメモしておきます。サンプルを用意しましたのでまず...
jQuery クロスフェードするシンプルなイメージビューアー
サイトトップページでよく見られる、フェードで切り替わるメイン画像を簡単に表示してくれるjQueryの「fade-viewer」、極々シンプルにフェードを繰り返してくれるだけですが、汎用性が高いので使い...
jQuery レスポンシブに対応して画像をポップアップ表示してくれる「fancybox」
LightBox風に画像をポップアップして表示するjQueryのプラグインでColorBoxに似たようなビジュアルになっています。レスポンシブに対応していてカスタマイズも出来るので色々と便利に利用でき...
jQuery フルスクリーンのスライドショー背景にしたい
背景の画像をフルスクリーンで表示し、尚且つスライドショー的に魅せたいときjQueryを使って簡単に設定する方法の紹介です。プラグインは使用せず、簡単なコードを記述するだけで実装できますので軽量で動作し...
jQuery シンプルで美しいスライドギャラリーjQueryプラグイン「fotorama.js」
jQueryを使ったスライドギャラリーは、数多く存在していますがオプションが充実したシンプルなスライドを利用したい時などに使える「FOTORAMA」を使ってみました。// // 1.FOTORAMAよ...
jQuery コンテンツや画像などを順番にフェードインするjQuery
写真のギャラリーページや、いくつかの記事を一覧で表示するページなどで、各コンテンツ要素をページロード時にひとつずつフェードインして表示する方法をjQueryで実装します。// // デモサンプル1.H...
jQuery コンテンツや画像やテキストなどをランダムにフェードインするjQuery「champagne.jp」
サムネイル一覧や、コンテンツ一覧など同じような要素を並べて表示するページで、ページロード時に各要素を順番に表示する見せ方がありますが、今回はそれらの要素をランダムに、フェードインするアニメーションがで...
jQuery ページ遷移時にフェードイン・フェードアウト効果を出す「jquery.fadeMover」
サイト内でページの移動をする際に、フェードインやフェードアウトしてからページが切り替わるちょっぴりフェミニンな感じのアクションを演出してくれるjQueryプラグイン「jQuery.fademover....
jQuery 文字サイズを[小][中][大]と切り替えられる「jQuery Text Resizer」
最近では、企業や各種サービス、公的機関のサイトなどで「文字サイズ」をユーザーの好みで切り替えることができる機能が付いているのを見かけます。 今回は、文字サイズを変更するためのボタンを配置し、クリックで...
jQuery 何かと便利な「Slider.js」
ピックアップ記事など、画像と文章をひとつの記事とした、スライドギャラリーを作りたいと思ったので、何かと便利な「slider.js」をちょこっとカスタマイズしてみました。デモサンプル// // 1.we...
jQuery マウスオーバーでエフェクトをかけてくれるjQueryプラグイン「Mosaic.js」
いくつかのキャプション画像を並べたページなどで、画像にマウスオーバーするとその説明やリンクテキストなどを動きをつけて表示してくれる「Mosaic.js」を使ってみました。デモサンプル// // 1.M...