Question

我正在尝试在响应区域地图上执行悬停事件，所以我发现了这个：

http://www.andensolutions.com/blog/responsiveImagePaths

但我无法在我的项目中应用此功能。

我是网络和jQuery的初学者。谁能告诉我在哪里可以调用我的脚本？

提前致谢

以下是相关代码：

 <title>Montesson ville ou campagne ?</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="A compléter (déscription rapide du site sur Google)" />
    <meta name="keywords" content="Montesson Périurbain ZAC rural urbain île-de-france agriculture écologie" />
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.scrolly.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/init.js"></script>
    <script type="text/javascript" src="js/jQuery-maphilight.js"></script>
    <script type="text/javascript" src="js/map_rollover.js"></script>
    <script type="text/javascript" src="js/jQuery-rwdImageMaps.js"></script>

    <noscript>
    <link rel="stylesheet" href="css/skel.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-desktop.css" />
    </noscript>

    <script type="text/javascript" src="js/jquery.min.js"></script></head>


<body>


    <!-- Première partie (Carte) -->

    <!-- On met notre carte ici -->
    <div id="BoiteImage">
        <img src="images/carte_ZAC-2-5.jpg" title="La carte" usemap="#Map" class="image" />
        <map name="Map">
            <!-- On utilise une MAP pour faire corresponde chaque zone de la caret à un lien -->
            <area id="Map" shape="poly" coords="427,513,548,363,658,434,488,618,446,538,446,604,489,618" 
                  href="les_zones_cultivees.html" title="Les Logements" />
        </map>
    </div>

Answer 1

链接很好，谢谢。在我阅读了评论之后得到了它;）画布在img后面。因此，对于快速示例，使用firebug或类似工具来降低img的不透明度。如果控制台说，那些坐标不是x1，y1等格式，那么只需从地图#from：D ..上面的链接中复制/调整地图中的坐标，并实现给定的所有js文件在script.rar / downloadlink。

如何悬停区域地图 - 响应

1 个答案: