世界地图html效果,html5 css3响应式世界地图代码

特效描述：html5 css3响应式 世界地图代码。html5 css3世界地图代码

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

var map_config = {

'default':{'borderColor':'#9CA8B6','mapShadow':'#fff','shadowOpacity':'35','hoverShadow':'#666666','lakesColor':'#66CCFF','namesColor':'#919191',},

'map_1':{

'hover': 'AFGHANISTAN','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_2':{

'hover': 'ALBANIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_3':{

'hover': 'ALGERIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_4':{

'hover': 'ANDORRA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_5':{

'hover': 'ANGOLA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_6':{

'hover': 'ARGENTINA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_7':{

'hover': 'ARMENIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_8':{

'hover': 'AUSTRALIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_9':{

'hover': 'AUSTRIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_10':{

'hover': 'AZERBAIJAN','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_11':{

'hover': 'BAHAMAS','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_12':{

'hover': 'BAHRAIN','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_13':{

'hover': 'BANGLADESH','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_14':{

'hover': 'BELARUS','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_15':{

'hover': 'BELGIUM','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_16':{

'hover': 'BELIZE','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_17':{

'hover': 'BENIN','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_18':{

'hover': 'BHUTAN','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_19':{

'hover': 'BOLIVIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_20':{

'hover': 'BOSNIA AND HERZEGOVINA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_21':{

'hover': 'BOTSWANA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_22':{

'hover': 'BRAZIL','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_23':{

'hover': 'BRUNEI','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_24':{

'hover': 'BULGARIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_25':{

'hover': 'BURKINA FASO','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_26':{

'hover': 'BURUNDI','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_27':{

'hover': 'CAMBODIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_28':{

'hover': 'CAMEROON','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_29':{

'hover': 'CANADA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_30':{

'hover': 'CENTRAL AFRICAN REPUBLIC','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_31':{

'hover': 'CHAD','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_32':{

'hover': 'CHILE','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_33':{

'hover': 'CHINA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_34':{

'hover': 'COLOMBIA','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_35':{

'hover': 'COMOROS','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_36':{

'hover': 'CONGO','upColor':'#eff9ff','overColor':'#ffcc5f','downColor':'#477cb2','enable':true,

},

'map_3