2

私は画像を持っているページを構築しようとしています。ここで、マウスが画像の特定の部分に乗ったときに、その画像といくつかのリンクがマウス ホバー機能としてポップアップするというタスクを実行したいと考えています。

たとえば、私は米国の地図を (私の Web ページの画像として) 持っており、その状態 (たとえば、テキサス) の上にマウスを置くと、テキサスの画像 (ハイパーリンクとして埋め込まれている) がポップアップします。より大きなビューとその画像には都市の追加リンクがあり、ユーザーはそれらのリンクをクリックしてその都市のページにアクセスできるはずです。

私の質問が明確であることを願っています。

4

1 に答える 1

0

画像マップを使用して、領域 (州など) に分割できます。maphighlightのようなjqueryライブラリを使用して、ホバリング効果を表示できます。最後に、ポップアップ ボックスに動的コンテンツを表示したいので、渡された ID に基づいて入力される汎用テンプレートを作成し、そのページにajax リクエストを作成して ID を渡すことができます。また、カラーボックス (ライトボックスの一種) はイメージ マップをサポートしているため、各領域の href タグに url を渡すだけで、ajax を使用してデータを取り込むことができます。

于 2012-05-21T04:53:18.067 に答える