热点链接(img map area)

热点链接(img map area)

怎么在一个图片中做多个链接呢?

热点链接可以帮你解决。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。要完成地图区域超链接要用到三种标签:

    

    

    
     
     

    

【1】shape -- 定义热点形状
          shape=rect:   矩形
          shape=circle:圆形
          shape=poly:   多边形

【2】coords -- 定义区域点的坐标

     a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
         例:

     b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
         例:

     c.任意图形(多边形):将图形之每一转折点座标依序填入
         例:

demo :
  

   
   
   
   
   
   

转载于:https://www.cnblogs.com/eastday/archive/2010/03/17/1688058.html

你可能感兴趣的:(热点链接(img map area))