» コンテンツにエフェクトを掛けるjQueryプラグイン10個

コンテンツにエフェクトを掛けるjQueryプラグイン10個

カテゴリ » WEBデザイン, cssやプログラミング

個人的に必要になるかもと思ってメモ。
テキストや画像にエフェクトを与えて
Webサイトを動きのあるサイトにする
手助けをしてくれるjQueryのプラグイン
をいくつかご紹介します。

コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。

Sliding Door Effect

マウスオーバーで画像が4隅に開きます。動きも素敵。

Sliding Door Effect / デモ

Rainbows

テキストにグラデーションや影をつけます。これは凄いですね。

Rainbows / デモ

Opacity to Show Focus

マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。

Opacity to Show Focus / デモ

Color Changing Text and Backgrounds

背景の画像の色が自動で変化します。デモは多めに色を使っていますが、個人的には同系2色とかでクールな演出とかやってみたい。

Color Changing Text and Backgrounds / デモ

Font effect

テキストにアウトラインやシャドウ、グラデーション、リフレクション効果を与えます。SEOもデザインも考慮したプラグインかもしれない。

Font effect / デモは同じページ

Sliding Boxes and Captions

マウスオーバーでレイヤーが軽快にスライドします。6つあり。かなりお気に入りです。

Sliding Boxes and Captions / デモ

Background Image Animations

マウスオーバーでの切り替わり時にエフェクトを掛けたメニュー。フェードやスライドなどなど。

Background Image Animations / デモ

Simple Page Peel Effect

ページの隅に「めくれ」を作り、マウスオーバーでコンテンツを表示。以前Flashで流行りましたね。動きもなかなかです。キャンペーン等に使えそう。

Simple Page Peel Effect / デモ

CrossSlide

自動でゆっくりスライドしながら別の画像にフェードするギャラリー系プラグインです。シンプルで汎用性も高そう。

CrossSlide / デモは同ページ

Fancy Thumbnail Hover Effect

マウスオーバーで拡大＆ドロップシャドウを加えます。動きも滑らかだし、何かと使えそうな気がします。

Fancy Thumbnail Hover Effect / デモ

以上10のjQueryプラグインでした。上手く利用したいところですね。ちなみに軽さは未確認です。すみません。

---

• 頂いたコメント
• トラックバック
• お読み下さい

【コンテンツにエフェクトを掛けるjQueryプラグイン10個】へのコメント 5

• SEO-Friendly Article Directory
  

  Very informative post. Thank you. Keep em coming!

  引用

  09-12-14 » 4:10 PM »

• シロ
  

  ＞SEO-Friendly Article Directory

  thanx

  引用

  09-12-19 » 10:53 AM »

トラックバック

1. コンテンツにエフェクトを掛けるjQueryプラグイン10個 – かちびと.net « とっても！　ちゅどん（雑記帳）
2. Garnet Sky≫ 気になったものリンク 12月12～14日 (#78)
3. 12/13-15memo | Kansen blog

• かちびと.netにリンクの無いトラックバックは受付けてないです。
• コメントされる前にガイドラインをご覧下さい

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

お名前*     :

メール*     :

Webサイト:

以下にコメントをどうぞ。いくつかのHTMLタグも使えます。

コメント欄に画像を表示できます。 ココをクリックして画像のURLを入力してください。

サイト内検索

Twitter Counter

ads

(C)かちびと.net All Rights Reserved.