【ポップアップ(吹き出し・ツールチップ)で「ツアー」や「チュートリアル」の表現ができるjQueryプラグイン「Joyride」】

jQueryでポップアップ(吹き出し・ツールチップ)を使って「ツアー」や「チュートリアル」の表現ができるプラグインがありました。

「なんだ、どういう意味だ・・・?」

といいますと・・・言葉で表現するのはヘタなので、サンプルを作りました。興味がありましたらご参考ください。

サンプルはこちら

タブの「Result」を押して動作をご確認ください

スルスルッとスクロールするんで、見た目的にもおもしろいです。

まとめ

サンプルではたまたま「私のアカウント紹介ツアー」みたいに作りましたけど、使い方は発想次第でいろいろですね。こういったものをあらかじめwebに設計してあると、制作側の配慮が見られて「親切設計だな~」って私は感じます。

参考リンク

http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin

著者:bouya Imamura