【问题标题】:How to hover area map - Responsive如何悬停区域地图 - 响应式
【发布时间】:2015-02-24 20:22:03
【问题描述】:

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

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

但我无法将其应用于我的项目。

我是 Web 和 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>

【问题讨论】:

    标签: dictionary hover area rollover


    【解决方案1】:

    链接很好,谢谢。在我阅读了 cmets 后,它开始工作了;) img 后面的画布。因此,例如,使用 firebug 或类似工具降低 img 的不透明度。如果控制台说,坐标不是 x1,y1 等格式,那么只需从上面的链接中复制/粘贴地图区域中的坐标 #from :D .. 并实现给定的所有 js 文件在script.rar/downloadlink中。

    【讨论】:

      猜你喜欢
      • 2012-09-17
      • 2016-08-10
      • 1970-01-01
      • 2013-10-09
      • 1970-01-01
      • 2017-03-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多