jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com

サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」
サイトを最初に訪れた人に、どういうふうに操作するかという部分をサイトをそのまま使って説明することができます。



使い方が超簡単で、<ol>リストにチュートリアルをリスト形式で列挙していき初期化します。
<li data-id="****">のdata-idの部分にポップアップを表示させたい要素のIDを指定します



するとリストの順にポップアップがどんどん出て、「Next」ボタンを押せば次の要素にアニメーションしながらフォーカスしていきサイト利用の大体のイメージがつかめるという形です。

これなら誰でも簡単に使えますね
気合を入れたWEBサービスを作る際なんかのために覚えておきましょう

関連エントリ

• IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル
• ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」