Question

看来，使用jquery.js和jquery.maphilight.js将是我的过渡地图项目的最佳解决方案，但是我似乎无法使其工作。我正在尝试遵循此处发布的非常基本的示例：https://davidlynch.org/projects/maphilight/docs/“ Demos”下的“ Simple Demo”正好显示了我想做的事情，我想我正在完全遵循代码来尝试和复制。这是我正在使用的：

<!DOCTYPE html>
<html>
<head>
<style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.maphilight.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.map').maphilight();
    });   
</script>    
</style>
</head>
<body padding="0" margin="0">

<img class="map" src="township-range-test.jpg" width="1400" height="1050" usemap="#countymap">

<map name="countymap">
<area shape="rect" coords="329,530,504,714" title="29-13" href="javascript:alert('Navigate to ITORIAN');" data-maphilight='{"fillColor":"0000ff","fillOpacity":0.3}'>
<area shape="rect" coords="504,530,692,714" title="29-12" href="javascript:alert('Navigate to GOOGLE');">

</map>

</body>
</html>

我在与测试网页相同的目录中有一个jquery.js和jquery.maphilight.js脚本的副本：

https://www.sanjuantitle.com/sj-county-map-java.html

如果将鼠标悬停在“ 29N-13W”正方形上，则该链接将正常工作，并且该链接也适用于该“ 29N-12W”右侧的正方形。因此，唯一不起作用的是在我上面提到的演示页面上可以正常运行的过渡“高亮”。

我敢肯定，这是我遗漏的简单东西，但是我已经遍历了好几次，无法在我的代码中找到缺陷。我将不胜感激任何建议和帮助。谢谢。

Answer 1

类似这样的东西：

(STORE)((?!HOUSE).)*$

需要具有多个翻转热点的图像映射的最佳答案

1 个答案: