最近チュートリアルを実現したり,特定の要素をハイライトしたり,用途的に似たようなライブラリがぽこぽこ出てきてどれがいいのか試したのでまとめてみる. Chardin http://heelhook.github.com/chardin.js/ Apache License v2.0 概要 一度に複数の要素に対して,説明を書ける. ステップで実行などはないが,completion handlerで再度実行すればできる. Gmailの新機能で使われたチュートリアル風味. 実現方法はbody直下に黒半透明オーバーレイ要素を重ね,その後ろに説明用のレイヤーを追加する.ハイライトする要素をオーバーレイより大きいz-indexを追加し,上に持ってくる. ハイライトする要素にz-indexがinline styleで付いていると隠れてしまう. 導入方法 css追加