图像映射翻转和工具提示 [英] Imagemap Rollover and Tooltip

问题描述

<img src="http://www.w3schools.com/TAGS/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>

我需要1)在鼠标悬停时更改不透明度以突出显示悬停区域，并2)添加简单的工具提示以显示悬停区域的详细信息.

I need to 1) change opacity on mouseover to highlight the hovered area and 2) add simple tooltip to show details of the hovered area.

有可能吗?有没有可以让我同时做的jquery插件.

Is it possible? Is there any jquery plugin that would let me do both.

非常感谢您的帮助！

推荐答案

http://www .frankmanno.com/ideas/css-imagemap/

http://frankmanno.com/ideas/css-imagemap-redux/

这篇关于图像映射翻转和工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！