完全适合初学者使用 Maphilight？

我正在尝试使用名为 maphilight 的 jquery 插件。 我对使用 jquery 插件完全陌生。我对其他网页设计编码有相当多的经验，甚至对 javascript 有一点经验，但实际上尝试像这样实际使用它......这是第一次。

我只是无法让这个插件工作。 在我的地图上，不同的区域可以正确点击并用作链接，但它们不会突出显示。我能做的最好的事情就是在页面的不同部分显示不正确的突出显示。

我查看了 maphighlight 网站并看到了他的示例，但我看不到如何使用代码示例的可靠信息。

在我的页面顶部附近有：

<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/maphilight.js"></script>
<script type="text/javascript">
    $(function () {
        $('.mapHiLight').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
    });
</script>

然后对于地图

<img src="image/japan.svg" width="570" height="750" usemap="#nihon">
    <map name="nihon">
    <area id="test3" href="http://www.tokyo.com" shape="poly" coords="407.963,498.081 403.323,498.08 407.963,498.081 400.819,498.908 387.434,499.66 388.25,496.5 
                381.4,492.742 381.742,489.948 381.742,489.948 382.811,488.967 385.754,488.459 395.005,491.437 412.248,488.907 412.049,492.742" alt="tests" title="testerhi">
    </map>

这里可能出了什么问题？我应该怎么办？

很抱歉在这里如此无知。我希望我错过了一些简单的事情。

你应该上课mapHiLight到你的形象。
这是 maphilight 的示例演示。

示例演示在这里：Fiddle http://jsfiddle.net/k67gq/6/