如何实现 鼠标移动 到 地图 图片 的某个省份，会显示文字或图片？

想请教大家一个特效问题。大家给个示例链接或者，告诉我这种特效的 专业名称，让我去搜索。我搜索了好久没找到。想实现在一张 “地图” 图片上，设置一些热点，鼠标移动到热点上，就会显示文字或图片。
但是呢，这个热点有点特别，它是长这样的[    ----------O    ],O 是圆圈，就像气球一样，会轻微的摆动这样子。
福建省----------O，鼠标“移动”到 点上，就会显示文字或图片。

解决方案 »

  1.   

    知道的朋友，可以给一个 有功能相似的网站链接，也可以告诉我怎么去实现。现在是完全没有头绪，
    以前见过这效果，JS也可以实现类似的，或许这个只有FLASH能实现
      

  2.   

    http://map.baidu.com
    http://ditu.google.cn
      

  3.   

    移到福建有信息提示...<!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>信息提示</title>
    <script type="text/javascript">
    var div = null;
    function onOver(obj){
    if(!div){
    div = document.createElement("div");
    div.style.cssText = "position:absolute; border:1px solid #f00; background:#eee; opacity:0.5; filter:alpha(opacity=70); line-height:20px; padding:5px;"
    div.innerHTML = "提示信息...";
    document.getElementById("map").appendChild(div);
    }
    var pos = obj.getAttribute("coords").split(",");
    div.style.display = "";
    div.style.left = parseInt(pos[2]) + 10 + "px";
    div.style.top = pos[1] + "px";
    }
    function onOut(obj){
    div.style.display = "none";
    }
    </script>
    </head><body>
    <div id="map" class="position:relative">
        <img src="http://hiphotos.baidu.com/jhwz1889/pic/item/07e8544f031212b0d72afc1f.jpg" alt="" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="525,453,569,481" href="#" onmouseover="onOver(this)" onMouseOut="onOut(this)" />
        </map>
    </div>
    </body>
    </html>
      

  4.   

    dreamweaver的热点工具可以在图片上分区加链接或alt等文字。
    选中图片，在属性面板左下角有指针热点工具、矩形热点工具……
      

  5.   

    http://www.fusioncharts.com/products/suite/fusionmaps/
    地图的相关插件，主要是以js为主。好像有免费版本
      

  6.   

    我还以为是Google Map就可以解决的呢。
      

  7.   

    主要用到了Html的araa和map标签。。百度一下把。