如何悬停区域地图-响应

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

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>

链接很好，谢谢。在我阅读评论后，它开始工作了；）画布在img后面。因此，对于快速示例，使用firebug或类似工具降低img的不透明度。如果控制台说coords不是x1、y1等格式。，然后简单地从地图上的链接复制/粘贴该区域的坐标#from:D。。并实现script.rar/downloadlink.

中给出的所有js文件

相关内容

最新更新

热门标签：