ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery に基づいたカスタマイズされたイメージ ホット ゾーン効果

jquery_jquery に基づいたカスタマイズされたイメージ ホット ゾーン効果

WBOY
WBOYオリジナル
2016-05-16 17:51:412370ブラウズ

今、それを整理して投稿しました。皆さんも一緒に学んでいただければ幸いです。

最初にレンダリングを見てください:
jquery_jquery に基づいたカスタマイズされたイメージ ホット ゾーン効果
jquery.image-maps.js プラグを使用しました。ダウンロード アドレス http://www.jb51.net/jiaoben/57930.html
原理は次のとおりです:
ドラッグして現在のホット ゾーン可動モジュールの左上右下を計算します
エリアに対応するcoords属性が位置の上に統合され、ホットゾーンが実現できます。
対応するモジュール コードは次のとおりです:

コードをコピー コードは次のとおりです:





<地図名="Map1">
<エリア形状="rect" coords="300,80,500,150" href="mall.10010.com " />