11/05 热点

<div class="top_ima1"> <img src="picture/1_dz_01.jpg" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="691,20,773,45" href="#xiaochuanweihai" target="_self" />
      <area shape="rect" coords="793,22,870,43" href="#zhiliaotese" target="_self" />
      <area shape="rect" coords="895,21,976,46" href="#kangfuanli" target="_self" />
    </map>

  <img src="picture/banner.jpg"> </div>


map标签指定了一个图片,然后可以用area标签对应于这个图片的局部制作超链接。这就好像一张中国地图上,有很多省份,我们点击对应的省份就可以查看对应省份的信息类似。
shape属性表示该热点的形状,这里制定的rect表示为矩形,还有很多其他形状,诸如椭圆和多边形等。
coords表示坐标点,矩形的话就会有四个点,分别表示map标签所指定的图片的像素位置。
href就是这个热点超链接所要链接到的地方了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值