html - 如何创建可点击的 map

标签 html css hover maps

我想制作一张加利福尼亚 map ,将其分成多个区域,然后让用户将鼠标悬停在这些区域上。当他们点击区域时,它会将页面向下滚动到他们可以阅读更多信息的指定点。我该怎么做?

最佳答案

只需创建一个图像并在其上应用贴图,如下所示:

<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" alt="Sun">
  <area shape="circle" coords="90,58,3" href="#mercur" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="#venus" alt="Venus">
  <area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310" href="#anything" title="Anything">
</map> 

关于html - 如何创建可点击的 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21287054/

相关文章:

css - 如何使用 CSS 为图标制作动画?

html - 绝对定位的输入标签悬停问题

html - 李 :hover issue in Explorer

java - 发送一些内容后重定向网页

javascript - 按钮内的可点击 div 在 Firefox 上不起作用

html - 如何使 2 个子元素在没有偏移的情况下位于顶部?

jquery - 下拉菜单延迟不起作用

html - CSS 媒体查询在手机和桌面(宽度相同)上的工作方式不同

iPhone iOS 如何发送带有 CSS 样式的 HTML 电子邮件?

html - 设计 bootstrap 3 页面布局动态维护高度、滚动、宽度