jquery实现纯净版中国地图功能内容代码

jquery实现纯净版中国地图功能内容代码

点击中国地图对应的区域,则可以在下方展示客户预设好的内容,类似TAB选项卡功能。

使用方法
在页面引入相关CSS样式代码

1
2
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">

Javascript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(document).ready(function() {
    $.fn.maphilight.defaults = {
        fill: true,
        fillColor: 'ff8c19',
        fillOpacity: 0.7,
        stroke: true,
        strokeColor: 'ff8b19',
        strokeOpacity: 1,
        strokeWidth: 3,
        fade: true,
        alwaysOn: false,
        neverOn: false,
        groupBy: false
    }

    $("#map_image").maphilight();

    var btn = $(".mapBtn");
    var map = $(".mapPath");

    btn.click(function() {
        map.hide();
        $(this).next().show();
    });
});
当前内容只有登录了才能查看,如果您已经注册,请登录
1

发表评论