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

CSS_img标签usemap属性图片中选择区域加入超链接

时间:2014-07-16 22:57:06      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   re   div   c   

例子:

<IMG usemap="#Map" alt="" src="/images/banbian.jpg">
        <map name="Map" id="Map">
         <area shape="rect" coords="200,50,300,70" href="/swt/" />
         <area shape="rect" coords="180,100,220,120" href="/swt/" />
         </map>

usemap是img标签的一个属性,usemap=“#Map”表示和id为Map的map相关联,其中area 标记的 的shape=“rect” 表示区域为矩形,coords=“第一个点坐标x,第一个点坐标x,

第二个点坐标x,第二个点坐标y”,

坐标长度为像素,坐标原点为图片的左上角。

这样可以做到不用图片中选择区域加入超链接

CSS_img标签usemap属性图片中选择区域加入超链接,布布扣,bubuko.com

CSS_img标签usemap属性图片中选择区域加入超链接

标签:style   blog   color   re   div   c   

原文地址:http://www.cnblogs.com/tangt/p/3835308.html

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