デザイン変更途中で崩れてるところあります。。。

サイトツアーのプラグイン

User Guiding のように、サイトに初めてアクセスした時に使い方を説明するポップアップ&ハイライトを実行するプラグインを Cursorを使ってサクッと作ってみました。

動作イメージはこんな感じです。

機能一覧

ステップの設定はJSONで書きます。

ハイライトさせたい要素にIDを振って、elementに指定します。

introは表示するテキストです。

positionは吹き出しを表示する位置、top/right/bottom/leftから選択します。

Stepサンプル

最初、intro.js を使って作ったのですが、商用有料だったので drivers.js に変更しました。

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