使某些横幅图像区域可以点击

时间:2014-09-19 19:36:20

标签: html css image hyperlink

我正在建立一个新的网站,在主页上是一个包含不同项目的大横幅图片(公司提供的产品);你可以查看网站site2.dvsport.com,看看我在说什么。我真的想用产品的名称制作那些链接到页面的可点击区域的单元格。这可能吗?

非常感谢。

1 个答案:

答案 0 :(得分:0)

可以将一个图像链接到多个页面,具体取决于单击图像的位置。

这种技术称为图像映射。

您只需指定图像的哪些区域应链接到哪里。

在下面的示例中,如果您将鼠标放在左上角,它会链接到yahoo ....并在右下角....它会链接到hotbot。

<img src="rainbow.gif" usemap = #example border=0> 
<map name=example>
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.com"> 
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com"> 
</map>

在上面的例子中,我们只使用了矩形图像映射。可能的形状是:

<area shape=rect coords= x1,y1, x2,y2 Href="http://www.domain.com">


<area shape=circle coords= x1,y1, x2,y2 Href="http://www.domain.com">


<area shape=polygon coords= x1,y1, x2,y2, .., xn,yn Href="http://www.domain.com">

修改 对于您的真实查询,您应该查看此this