使图像响应

Question

我在photoshop中构建一个标题并将其导入到visual basic 2010.我希望标题更具动态性，所以当我按下图像的一部分（例如说明联系人）时，它会将我转移到另一页。

我知道css中有一个函数可以做到这一点，它被称为映射。 Dreamweaver有一个简单的方法。但是有可能在图像上映射一个区域，这会使图像响应（好像他点击了一个按钮）吗？

Answer 1

ASP.net提供了3种提供imagemap的方法，这些方法称为imagemap控件的“Hotspot”属性。圆形和矩形热点很容易理解。这是一个例子..

   <asp:ImageMap ID="ImageMap1" runat="server">
            <asp:CircleHotSpot NavigateUrl="nextPage.aspx" />
            <asp:RectangleHotSpot Bottom="50" Left="50" NavigateUrl="contactpage.aspx" 
                Right="10" Top="10" />
        </asp:ImageMap>

此处显示的示例图片

ASP设置截图

Answer 2

区域映射链接会导致可怕且不必要的标记。只需在您的整个标题图片周围添加一个锚点链接，如下所示：

<a href="~/default.aspx" title="Home" runat="server">
    <img src="~/images/header.jpg" alt=Home" style="border:none;" 
        runat="server" />
</a>

如果您想使用图片地图（不是一个好的设计），请查看以下链接：

http://www.w3schools.com/TAGS/tag_map.asp

http://www.image-maps.com/