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

Question

我正在建立一个新的网站，主页上是一个带有不同项目（公司提供的产品）的大横幅图片； 您可以查看网站site2.dvsport.com，看看我在说什么。 我真的很想使这些单元格具有链接到页面的产品名称可点击区域。 这可能吗？

万分感谢。

Answer 1

根据单击图像的位置，可以将一个图像链接到多个页面。

这种技术称为图像映射。

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

在下面的示例中，如果将鼠标放在左上角，它将链接到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">

编辑：那么对于您的真正查询，您应该看看这个 。