码迷,mamicode.com
首页 > Web开发 > 详细

html中给图片添加热点

时间:2015-01-02 16:03:20      阅读:298      评论:0      收藏:0      [点我收藏+]

标签:

  1. <img src="images/index/top1.jpg" width="248" height="512" usemap="#login">                   
  2. <map name="login">  
  3. <area shape="circle" coords="x1, y1, r"   href="" target="_blank" alt=""    title="" />  
  4. <area   shape="rect"    coords="x1, y1, x2, y2"    href=""    target="_blank" alt=""   title="" />     
  5. <area    shape="poligon"   coords="x1, y1, x2, y2,......."    href=""    target="_blank" alt=""    title="" />     
  6. </map>  

     usemap= # + 与map的name一致

     shape热点形状:circle圆形

     coords坐标位置:圆心x轴,圆心y轴,半径r

     shape热点形状:rect矩形
     coords坐标位置:左上角x轴坐标,左上角y轴坐标,右下角x轴坐标,右下角y轴坐标
     shape热点形状:poligon矩形
     coords坐标位置:第一个点的x轴坐标,第一个点的y轴坐标,第二个点的x轴坐标,第二个点的y轴坐标,.......

html中给图片添加热点

标签:

原文地址:http://www.cnblogs.com/zq20/p/4198468.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!