Jquery plugins 使用MapHilight Jquery插件以不同颜色高亮显示

Jquery plugins 使用MapHilight Jquery插件以不同颜色高亮显示,jquery-plugins,Jquery Plugins,我想知道如何使用MapHilight,但运气不太好。关于它的唯一“文档”似乎只是一些工作示例。这可能是因为托管插件的站点似乎已关闭。我昨天刚刚学习了JQuery,所以我不知道这是否妨碍了我的进步。我想做的是在区域基础上指定图像地图hilighting的外观和感觉。大卫·林奇的电影展示了这一点,但我不确定它是如何运作的。我不明白他为什么用这张图片作为背景,以及画布的用途。以下是我目前掌握的情况: ... <script type="text/javascript">

我想知道如何使用MapHilight,但运气不太好。关于它的唯一“文档”似乎只是一些工作示例。这可能是因为托管插件的站点似乎已关闭。我昨天刚刚学习了JQuery,所以我不知道这是否妨碍了我的进步。我想做的是在区域基础上指定图像地图hilighting的外观和感觉。大卫·林奇的电影展示了这一点,但我不确定它是如何运作的。我不明白他为什么用这张图片作为背景,以及画布的用途。以下是我目前掌握的情况:

...
    <script type="text/javascript">
        $(function () {
            $('#ImageMap1').maphilight();
        });
    </script>
</head>
...

<div style="float: left">
    <img id="ImageMap1" src="solar_system.jpg" usemap="#ImageMapmapAreas" />
    <map id="ImageMapmapAreas" name="ImageMapmapAreas">
        <area alt="" title="" href="#Jupiter" coords="222,186,28" shape="circle"/>
        <area alt="" title="" href="#Earth" coords="135,194,13" shape="circle"
            data-maphilight="{'strokeColor':'0000ff','strokeWidth':5,'fillColor':'ff0000','fillOpacity':0.6}"/>
    </map>
</div>
。。。
$(函数(){
$('#ImageMap1').maphilight();
});
...

.

我想没有了。奇怪的是,当我在搜索如何定制hilighting时,看到这么多对这个插件的引用。最后我不得不使用Silverlight。

我知道您决定切换到Silverlight,但由于我现在正在摆弄maphighlight,所以我决定看看这个。 问题是,您发布的示例在切换“with”后工作良好,反之亦然

<div style="float: left">
    <img id="ImageMap1" src="http://geographyandhistory.wikispaces.com/file/view/solar_system.jpg/43347125/283x202/solar_system.jpg" usemap="#ImageMapmapAreas" />
    <map id="ImageMapmapAreas" name="ImageMapmapAreas">
        <area alt="" title="" href="#Earth" coords="228,151,53" shape="circle" data-maphilight='{"strokeColor":"0000ff","strokeWidth":5,"fillColor":"00ff00","fillOpacity":0.6}'/>
        <area alt="" title="" href="#Sun" coords="68,54,44" shape="circle" data-maphilight="{'strokeColor':'0000ff','strokeWidth':5,'fillColor':'00ff00','fillOpacity':0.6}"/>
    </map>
</div>​

查看“地球”和“太阳”区域如何具有相同的“数据maphilight”属性(除引号外)。

在数据maphilight中使用“或”代替“或”。
例如:data maphilight=“{”strokeColor:“0000ff”,…

谢谢你的发帖。这很有趣。你知道它为什么重要吗?我想"“和”在javascript中是可互换的。那么你基本上只需要对演示和maphilight插件进行反向工程就可以使用该插件吗?我刚刚浏览了jQuery核心风格指南-。请注意文档末尾关于字符串用法的备注:字符串应始终使用双引号而不是单引号。我想这可能是当前的问题。看看这个问题-。严格地说是Javascript(因此是jQuery)不要介意使用哪种引号。单引号和双引号是可以互换的。但是JSON需要双引号,而且作为jQuery用户,如果不小心的话,JSON在大多数数据交换中可能会发生冲突。现在您可以切换回maphilight;)这将避免您不得不强制所有用户不必要地安装Silve明亮的。