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

Question

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

谢谢了。

Answer 1

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

这种技术被称为imagemapping。

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

在下面的例子中，如果你将鼠标放在左上角，它会链接到雅虎....并在右下角....它链接到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> 

在上面的例子中，我们只使用了矩形imagemappings。可能的形状是：

<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。