登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

糟老頭的地盤

老頭的地盤听老頭的

 
 
 

日志

 
 

利用图片坐标添加连接  

2007-05-13 10:58:51|  分类: study |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   <td height="94" align="center" bgcolor="#565656"><img src="images/index_07.gif" width="253" height="58" border="0" usemap="#Map"></td>


<map >
<area shape="rect" coords="10,3,60,53" href="bbs/" target="_blank">
<area shape="rect" coords="73,3,120,51" href="fomn/" target="_blank">
<area shape="rect" coords="135,4,183,52" href="xn/" target="_blank">
<area shape="rect" coords="198,4,243,52" href="xn/" target="_blank">
</map></body>

 

 

热片连接<area shape="rect" coords="3,46,138,69" href="#">

利用图片坐标添加连接 - 糟老头 - 糟老頭的地盤 悬赏分:10 - 解决时间:2006-5-31 23:28

请问在热片连接中怎么才能不显示热片的形状?

<area shape="rect" coords="3,46,138,69" href="#">

有没有CSS控制?

提问者: lxcwh09 - 高级经理 六级

利用图片坐标添加连接 - 糟老头 - 糟老頭的地盤最佳答案

<img src="1.JPG" width="216" height="119" border="0" usemap="#Map">

<map >

<area shape="circle" coords="57,63,22" href="1.htm" >

</map>

html中如何在背景图片的某个区域加入连接

利用图片坐标添加连接 - 糟老头 - 糟老頭的地盤 悬赏分:20 - 解决时间:2006-4-18 22:29

<div style="; left:5px; top:1px; width:994px; height:800px; z-index:1;"><img src="enterbackground.jpg" width="1009" height="817" border="0" usemap="#Map">

<map >

<area shape="rect" coords="11,488,218,552" href="index1.htm">

</map>

</div>如这段代码具体是怎么解释的!coords="11,488,218,552每个数字代表是什么!

提问者: spooner - 童生 一级

利用图片坐标添加连接 - 糟老头 - 糟老頭的地盤最佳答案

你所举的例子是图像映射,下面这篇文章很清楚的说明了什么是图像映射,及其用法。对于你所说的

coords="11,488,218,552"中的数字,其实是图像影射中需要绘制的图形的一些参数,比如例子中的rect是矩形,所以需要定义左上角和右下角的坐标。所以(11,488)是左上角坐标(218,552)是右下角坐标。

至于div标签中的代码,实际是定义了一个层,你可以参考一些,层定义的html教程。比如以下的链接

http://it.dgzx.net/zxkt/gaoyiji/2002-2003-2/others/UsingDreamweaver/html/17Layers2.html

使用图像映射

1 什么是图像映射

所谓图像映射是指在一幅图中定义若干个区域,每个区域中指定一个不同的超链接,当单击不同的区域时便可以跳转到相应的目标页面。

2 创建图像映射

2.1 定义映射区域

定义映射区域使用MAP标记符,在<MAP>和</MAP>之间添加映射区域。添加映射区域使用AREA标记符。该标记符具有三个基本属性:

href 标识出目标的URL

shape 说明映射区域的形状。取值可是:

rect 矩形

circle 圆形

poly 多边形

default 整个图像区域

coords 用于标识映射区域的边界。

2.1 对映射区域进行引用

标记了映射区域之后,就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。

一个完整的图像映射语法如下:

<map >

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意:map标记符中,name属性的取值必须与img标记符中,usemap属性的取值相同,只是usemap属性的值前面多了一个# 。

  评论这张
 
阅读(924)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018