jQueryを使って閲覧中のWebサイト自体をその場でプレゼンするサンプル・Screen Presenter

Ads
cssやプログラミング

似たようなのがどこかにありました
が。閲覧してるWebサイトそのもの
をユーザーにプレゼンする、という
インターフェースをjQueryで作った
デモ。サンプルはダウンロード出来る
のでお暇ならぜひ触ってみてください。

アイデアがちょっと素敵だなぁと思いました。Embedded Help Systemと目的は一緒ですかね。IE6以外は問題なさそうでした。cssでなんとかなるかな・・

Screen Presenter


左下に矢印があるのですが、これでプレゼンを進めます。プレゼンは、閲覧中のWebサイトの解説をツールチップを出しながら進めていく形となります。

先にデモご覧になったほうがピンと来そうですね。

デモ※別窓

ハッシュチェンジイベント


ハッシュチェンジイベントでブラウザの戻るボタンにも対応されています。


動作も軽快で気持ちいいですね。


綺麗に終わります。

Webサービスの使い方とか、CMSの管理画面の使い方のレクチャーにもいいですね。画像で教えるよりも、分かりやすいかも。

サンプルはダウンロード可能ですのでチェックしてみては如何でしょう。リンク先のドキュメント、ちょっと分かりにくいかもですけど、左側がドイツ語で右側が英語です。

Screen Presenter

タイトルとURLをコピーしました