Blog

jQueryでヘルプ画面を作る Chardin.js

面白いjQueryを見つけた。

http://heelhook.github.io/chardin.js/

要素に説明を入れられるプラグインのようで、早速LaunchCartの管理画面のヘルプ画面を作ってみた。

デモ

※なんでも良いのでキーボードを押して下さい

 

設置は簡単で、HTMLの要素に、例えばデモの左上「商品」部分であれば

というように

data-intro → 説明文

data-position → left、right、bottom、topというふうに位置を指定

 

実行は

とするだけでOK。

今回は

とした。

ヘルプ以外にも、詳しい商品説明やアプリケーションのチュートリアルなどに使えそうだ。

Author Profile

hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ