特效描述: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