[JS]jQueryを使用してインタラクティブなコンテンツを作成するチュートリアル
Post on:2009年11月26日
ツールチップやインフォボックスを使用して、インタラクティブなコンテンツを作成するチュートリアルをBuild Internet!から紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009112601.png)
Making an Interactive Picture with jQuery
demo
デフォルトのインターフェイスは、各ポイントにアイコンが表示されています。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009112602.png)
各アイコンにカーソルをあわせるとツールチップが表示され、クリックすると対応したインフォボックスが表示されます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009112603.png)
チュートリアルでは画像の配置から、ボタンの配置、インフォボックスの生成と順を追ってサンプルコードが掲載されています。
また、ファイルも一式でダウンロードすることができます。
sponsors