2013-01-05 17 views
5

機能/ガイドツアー機能を実装するためのjavascriptツール(jquery pluginかもしれません)を見ましたが、残念ながら私はこのページをブックマークしていません。シングルページアプリケーション用のJavascriptツールガイドツアー

これはおそらくid属性に基づいてドキュメント要素に重点を置いていました。

enter image description here

Joyrideか何か、私が発見したグーグルはこれをサポートしていません。

あなたは何かを覚えていますか?

+1

このコメントを見て、余興を使用することを検討すべきです:http://stackoverflow.com/questions/14170855/javascript-tool-for-single-page-applicati ons-guided-tour/21298430#21298430 –

答えて

0

jquerypowertour.comは、要素を強調表示できます。私はそれを使用していないが、かなり強力なようだ。

しかし、私はJoyRideまたはGuiders-JSのようなものが簡単にjQuery Highlighter pluginとの組み合わせで行うように変更することができると思います - Demo

+2

これは無料のソリューションではありませんが、Sideshowは同じ機能を持ち、使いやすくなっています。それは無料のツールです。 –

4

Sideshowは、Webアプリケーションやサイトのインタラクティブなツアーを作成するための近代的かつ強力なライブラリです。

ちょうどあなたのユーザーを誘導するよりも、余興は彼らと対話することができます:

  • を強調表示します(などフォーム、DIV、画像、フィールド、および)の各段階での話をしている部分、によって画面の残りの部分をマスキングします(Sideshowではz-indexアプローチを使用しません。そのマスクは要素の背後に配置されていませんが、実際にはそれを囲んでいます)。
  • ユーザーの動作と一部の画面の状態を監視します。
  • ユーザーは、いくつかのチュートリアルを完了したときに、いくつかの条件があなたのチュートリアルの間の関係を作成します
  • 満たされたときに自動的に進行している、あなたのチュートリアルのためのスマートな手順を作成し、この方法は、関連するツアーと一覧が表示されます。いくつかの準備や他の何か
  • を実行するステップの説明に
  • 使用イベントを(例えばbeforeStep/AfterStepの、beforeWizardStarts/afterWizardEnds)のフォーマットが豊富なため
  • 利用値下げはそれぞれ、ユーザーが見ている画面に応じたコンテキストのチュートリアルを表示しますチュートリアルには、その画面に適しているかどうかを確認する独自の条件があります

その他の強力な機能!

+3

私はとても多くのガイドツアーJSツールを試しましたが、これは私がこれまでに見つけたことのない最高のものであることを確認できます。ありがとうございます! –

+1

サイドショーはそれを行うのに最適なライブラリです! –

1

Intro.jsは、あなたのプロジェクトのためのステップバイステップガイドで、ウェブサイトや機能の改善された紹介です。

特長:

  • 高速&小

    • キーボード+マウスのナビゲーション
    • ブラウザCompatibllity
    • 無料&オープンソース