有时必须在1张照片上设定几个地区,电脑鼠标点一下照片的不一样地区能够进到不一样的网页页面,或是点一下照片的某1块地区进到某1个网页页面,这便是网页页面的网络热点连接。
<img src="test.jpg" usemap="#testmap" alt="test" />
<map name="testmap" id="testmap">
<area shape="circle" coords="180,139,14" href ="test1.html" alt="test1" />
<area shape="circle" coords="129,161,10" href ="test2.html" alt="test2" />
<area shape="rect" coords="0,0,110,260" href ="test3.html" alt="test3" />
</map>
注解:<img> 中的 usemap 特性可引入 <map> 中的 id 或 name 特性(由访问器决策),因此大家必须另外向 <map> 加上 id 和 name 两个特性
那末,怎样获得这个座标值呢?
方式1:.新建1个html网页页面,在body里边插进以下编码:
<a href="#"><img src="test.jpg" ismap="ismap"></a>
留意这个“
ismap=’ismap‘”,有了这个特性后,随后开启这个html网页页面,把光标移到照片就任意部位,网页页面的左下角情况栏会显示信息当今座标值
这样便可获得座标值了。
方式2:
开启Dreamwever,新建1个网页页面,插进1张照片,
点一下“矩形框”或别的网络热点专用工具,再在照片上拖拽部位
再开启编码地区
这个早已都转化成好了。