我正在尝试使用名为maphilight的jquery插件。 我对使用jquery插件完全不熟悉。我在其他网页设计编码方面有一些经验,甚至有点使用javascript,但实际上尝试实际使用它...这是第一次。
我无法让这个插件工作。 在我的地图上,不同的区域可以正确点击并用作链接,但它们不会变为高亮。我能做的最好的事情是在页面的不同部分显示一个inccorect高亮显示。
我查看了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>
这里可能出现什么问题?我该怎么办?
抱歉在这里如此无能为力。我希望我错过了一些简单的事情。