当前位置:首页 > 开发 > Web前端 > Css > 正文

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

发表于: 2015-11-13   作者:互联网   来源:转载   浏览次数:
css
摘要: 例子: <IMG usemap="#Map" alt="" src="/images/banbian.jpg"> <map name="Map" id="Map"> <area shape="rect" co

例子:

<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属性图片中选择区域加入超链接

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
摘抄于 ---- 作者:肖文伟 各位在看这篇文章之前请先到w3school来了解一下<img>标签中的usemap
要使一张图片不论在移动端还是在桌面端都能适应区域内容,可以使用 HTML5 的 viewport 标签结合 CSS
<a>标签的target意思很明确就是在哪里打开目标文档。 第一种情况: 默认情况:当我们没有设置
每次在"万达影城"网上购票总会用到左上角选择城市的功能。如下: 今天就在ASP.NET MVC中实现一下。
  我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接。
TextView是一个非常强大的控件,有时须要在一个控件中同一时候显示图片和文字,使用TextView非常eas
一)实体字符 一些特别的字符会被html认为是关键字,从而在页面无法显示出来,这些特殊的字符我们要
数据表: 界面代码: <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False
说明 HTML图标 编辑HTML内容 修改对应内容的id 查看超链接的效果    1,说明:   在很多论坛或博
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号