MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。
↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ
楽天ぴたっとアドの登録はコチラ
複数のパネルを順番に表示するウィザード形式のコンテンツを実装するJavaScript「Smart Wizard」を紹介したいと思います。インストールとかに良くある「次へ」「次へ」「完了」みたいなモノをWEBページ内に実装するようなイメージです。サンプルキャプチャは以下の通りです。

実際に動作するデモは以下をご覧ください。
Smart Wizard Demo
実装やTipsなどについては続きを参照ください。
↓以下、追記です↓
実装するためのJavaScriptなどは以下からダウンロードできます。Smart Wizard
先に紹介したデモでは、4つのステップがあるコンテンツが実装されており、各ステップに進む際は「Next」ボタンをクリックして移動することができます(ステップのリンクでは移動しません)前のステップに戻る際は「Back」ボタンか、ステップのナビゲーションリンクで操作ができるようになります。
Smart Wizardは、jQueryのプラグインのため、実装にはjquery.jsが必要です。
スポンサーサイト