jQuery :: e-まが

四方に分割スライドする画像エフェクトSliding Door

マウスオーバーすると、４つに分割された画像が四隅に向かってスライドしていくという画像エフェクトスクリプト。

jQueryとプラグインeasingを使用しています。

マウスオーバーで下からニョキニョキと回転してくるメニュースクリプト。
かなり目を引くメニューに仕上がると思います。

使用するAjaxライブラリはjQuery。

マウスオーバーでファンタジックに画像が切り替わるjQueryプラグイン、Bland。
ゆったりと色彩を変化させる美しいリンクボタンを作成することができますので、高級感漂うウェブサイト作りに最適なスクリプトです。

コンテンツを滑らかにスクロールするスライドショーのスクリプトEasy Slider 1.7。
スクロールのスピードや静止時間なども自由に設定することが出来ます。

見栄えのいいスクリプトなのですが、実装が結構めんどくさいのが難点。

コンテンツをポップアップするLightboxタイプのスクリプトなのですが、画像も動画もウェブサイトもログインフォームもなんでもかんでもポップアップするうえに、グループナンバーを割り振ることによってそれぞれをグループ化することが可能。

jQueryとMooToolsの両Ajaxライブラリに対応していますので、他のJavaScriptとの相性に合わせて選ぶこともできます。

これは秀逸です。とてもカワイイ。
こんなものが貼ってあった日には思わずブックマークしてしまいたくなりますよね。

AjaxライブラリはjQueryを使用。

ページ内のリンクをスルスルゆるゆると移動していくjQueryプラグインSmooth Anchors。
ゆったりとした高級感のあるページに仕上がりますので、地味ですが割と印象に残る「いぶし銀」的なスクリプトです。

実装はとても簡単。

コンテンツがくるっと回転しているように見えるタブスクリプトFlipping Content Tabs。
画像を回転させるjQueryのプラグインQuickFlip（ダウンロードファイルに同梱）を使用します。

実装は比較的簡単ですが、コンテンツに合わせてCSSの修正が必要です。

画像が切り替わる際のエフェクト（効果）が選べるスライドのスクリプトです。
使用するAjaxライブラリはjQuery。

カスタマイズする場合、実装にはちょっと手こずるかも知れません。