[JS]jQueryを使用してインタラクティブなコンテンツを作成するチュートリアル

ツールチップやインフォボックスを使用して、インタラクティブなコンテンツを作成するチュートリアルをBuild Internet!から紹介します。

デモのキャプチャ

Making an Interactive Picture with jQuery
demo

デフォルトのインターフェイスは、各ポイントにアイコンが表示されています。

デモのキャプチャ

各アイコンにカーソルをあわせるとツールチップが表示され、クリックすると対応したインフォボックスが表示されます。

デモのキャプチャ

チュートリアルでは画像の配置から、ボタンの配置、インフォボックスの生成と順を追ってサンプルコードが掲載されています。
また、ファイルも一式でダウンロードすることができます。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

11/26memo | kansen blog

on 2009年11月27日

[...] [JS]jQueryを使用してインタラクティブなコンテンツを作成するチュートリアル [...]

top of page

©2011 coliss