fakeLoader.jsは、サイトにローディングアニメーションを実装することができるjQueryプラグインです。非常に簡単にローディングアニメーションを設置することができます。 挙動については、以下デモページにてご確認…
ローディングアニメーションを簡単に実装することができるjQueryプラグイン「fakeLoader.js」
要素にタイピング風のアニメーションを加えることができるjQueryプラグイン「t.js」
t.jsは、まるでタイピングされているようなアニメーションを文字に加えることができるjQueryプラグインです。 挙動については、以下デモページをご参照ください。 デモ1 デモ2 t.jsの導入手順 ステップ1. t.j…
スライド画像を虫眼鏡でズームできる機能がついている一風変わったjQueryスライダー「Zoom SlideShow」
Zoom SlideShowは、虫眼鏡によるズーム機能が備えられたスライダーを実装することができるjQueryプラグインです。 デモは以下でご確認いただけます。メインのスライド画像にマウスカーソルを合わせると、虫眼鏡が出…
CSSアニメーションとjQueryを使って要素にパララックス効果を加える方法
CSSアニメーションとjQueryを組み合わせて、スクロール時のパララックス効果を自前で実装する方法をご紹介いたします。 簡単なデモページも用意しましたので、挙動についてはデモをご参照ください。下にスクロールしていくと、…
クリックすると前面に現れるモーダルウインドウを実装する方法
jQueryでモーダルウインドウを実装する方法をご紹介いたします。モーダルウインドウとは、クリックすると画面の前面に出てくる要素のことです。 ものすごく簡単なデモも用意したので、挙動についてはデモページをご参照ください。…
水面が波打っているようなアニメーションを実装できるjQueryプラグイン「Raindrops」
Raindropsは、横から見た水面が波打っているようなアニメーションを実装することができるjQueryプラグインです。 デモは以下ページにてご覧いただけます。 デモページを見る Raindropsの使い方 ステップ1.…
アニメーションする幾何学的な模様の背景を実装できるjQueryプラグイン「Particleground」
Particlegroundは、アニメーションする幾何学的な模様の背景を実装できるjQueryプラグインです。 デモは以下ページにてご確認いただけます。 デモページを見る Particlegroundの使い方 ステップ1…
jQueryを使ってマウスホバーでドロップダウンするメニューを実装する方法
jQueryを使ってドロップダウンメニューを実装する方法をご紹介いたします。 ドロップダウンメニューは、マウスホバーすると子メニューが出てくる、よく見かけるナビゲーションですね。 jQueryによるドロップダウンメニュー…
テキストの一部分だけをアニメーションさせながら切り替えることができるjQueryプラグイン「Words Rotator」
Words Rotatorは、テキストの一部をアニメーションさせながら切り替えることができるjQueryプラグインです。 以下に簡単なデモを用意しましたので、挙動についてはデモページをご参照ください。デモ2のテキストはマ…
文字にアニメーションを加えることができるjQueryプラグイン「textillate.js」
textillate.jsは、サイト内の文字を表示する際にアニメーションを加えることができるjQueryプラグインです。 挙動については、こちらで確認できます。 textillate.jsの使い方 ステップ1. 各種スク…