我如何让地图hilight工作

时间:2012-10-11 16:13:31

标签: jquery imagemap

我无法弄清楚如何让jQuery插件'maphilight'工作。请记住,我对网页设计的了解并不多,所以由于我的经验不足,我可能找不到一些愚蠢的问题。

我的jQuery引用很好,我引用了像这样的maphilight:

<script type="text/javascript" src="http://davidlynch.org/js/maphilight/jquery.maphilight.min.js"></script>

我的img确实有一个对地图的usemap引用,它工作正常,所以不是这样。这是我的地图标记的缩写版本:

<map name="downmap" class="floorMap">
    <area title="title" onclick="loadRoom('room name');" coords="98,425,98,446,146,446,146,540,216,540,216,425" />
</map>

在我的javascript文件中,我有这个:

$(function () {
    $('.floorMap').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
});

根据我研究过的所有内容,我认为这样可行,但事实并非如此。有谁知道可能出现什么问题?

1 个答案:

答案 0 :(得分:2)

阅读本文档并使用示例中给出的脚本 http://davidlynch.org/projects/maphilight/docs/