はじめに
第7回「ちょっとしたUI効果をプラスするjQueryプラグイン」では、ユーザーインターフェースをテーマに取り上げました。第8回では、エフェクトをテーマに、表1のようなjQuery Pluginを取り上げます。
表1 紹介するjQuery Plugin
| jQuery Plugin | 概要 |
| ghostType | テキストを左から右に自動に表示させる |
| jQuery naviDropDown | マウスオーバーすると、ドロップダウンメニューが表示される |
| jQuery FishEye Plugin | アイコンにマウスオーバーするとアイコンが拡大表示される |
| highlight JavaScript text highlighting jQuery plugin | 指定したテキストをハイライト表示する |
対象読者
- jQueryプラグインに興味があり、使ってみたい方
必要な環境と準備
jQueryのダウンロード
執筆時点のjQueryの最新版は、1.5.2です。第1回を参考に、ダウンロードしてください。また、jQuery Pluginの基本的な使い方は、第3回を参照してください。
サンプルでは、htmlファイルと同じ階層にpluginsというフォルダを作成し、使用するプラグイン関連のファイルはここにまとめて配置し、説明をすすめます。また、ScriptsフォダにはjQuery本体を配置しておきます。
