我有一个包含 5 个相等部分的饼图图像，我想为每个部分创建一个翻转，然后生成一个弹出工具提示，其中将包含文本以及每个部分链接到另一个页面。
我意识到这可能是相当复杂的，所以我也在考虑让 5 个部分中的每一个都可点击，然后将用户带到页面上设置的书签。但我仍然不知道如何分离饼图，以便每个部分单独链接。
饼图在每个部分都有自定义文本，因此我无法使用我找到的通用饼图解决方案。饼图目前由一张图像组成，如果需要，我可以编辑图像。
提前感谢您的帮助。
问问题
970 次
1 回答
2
我会使用图像映射。你可以在这里阅读更多关于它们的信息：http: //www.w3schools.com/tags/tag_map.asp
我使用 Dreamweaver 来绘制坐标，但您可以在网上找到网站，这些网站可以让您上传图像并在线绘制点。
完成的代码如下所示：
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
于 2013-08-06T15:28:16.853 回答