四日目の学習プログラム

画像ホットスポットのハイパーリンク

無意識のうち四日、私は過去に急速に流行を願っています。

すべてのすべてで、これは私がホットエリアコードはかなり簡単であるインターネットを作り、勉強したくないです
ここに画像を挿入説明

ここに画像を挿入説明

ここに画像を挿入説明

<div style='width:950px;height:483px;overflow:hidden;font-size:0px;line-height:0px;'>
<img src="http://img03.taobaocdn.com/imgextra/i3/705080336/TB2xRhlaXXXXXcpXXXXXXXXXXXX-705080336.jpg" border='0' usemap='#map6659424832' alt=''/><map name='map6659424832' id='map6659424832'><area shape='rect' coords='287,327,437,397'  href='http://baidu.com' target='_blank' title='http://baidu.com' alt='' /><area shape='rect' coords='769,325,877,407'  href='http://baidu.com' target='_blank' title='http://baidu.com' alt='' /></map></div>

実際には、本当のホットゾーンは、このリンクを下回っています

<img src="http://img03.taobaocdn.com/imgextra/i3/705080336/TB2xRhlaXXXXXcpXXXXXXXXXXXX-705080336.jpg"  usemap='#map11112222' />

<map name='map11112222' id='map11112222'>
	<area shape='rect' coords='287,327,437,397' href='http://baidu.com'   />
	<area shape='rect' coords='769,325,877,407'  href='http://baidu.com'  />
</map>

まず、USEMAPあります
確立するために使用される<img><map>関係は、

<map>内部、IDおよび名前は、ブラウザのサポートに基づいて、関連するUSEMAP必要です。

<area>マップ内の領域を表し、形状は、領域の形状であるCOORDS領域座標

、Photoshopは座標を見つけるために利用することができる矩形RECT表す
ここに画像を挿入説明
矩形RECT角度xの使用であり、y座標とすることができます。

ラウンド3つのパラメータは、中心座標および半径を必要とされます。

各ポリゴンのポリ座標は連続する点が必要です。

でエリア内のCOORDS属性パラメータの塗りつぶし

リリース5元の記事 ウォンの賞賛2 ビュー110

おすすめ

転載: blog.csdn.net/weixin_45941487/article/details/104400822