世界地图各大洲鼠标移入切换显示

需求:

做到世界地图各大洲鼠标移入切换显示对应数据和样式;
移入对应大洲版本,对应洲板块地图颜色改变;对应对应大洲信息

代码:

html代码:


  • 北美洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100
  • 欧洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100
  • 非洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100
  • 南美洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100
  • 大洋洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100
  • 亚洲
    AVENTICS & MachineAutomation Headquarters
    46280 Dylan Drive,Novi,MI 48377-4906 美国

    电话:+1800 972 2726
    支持:+1 248 596 3300
    必能信超声(上海)有限公司
    上海市松江工业区荣乐东路758号,上海,201613,中国

    电话:+86 21 3781 9600
    传真:+86 21 5774 5100

js代码


css样式


.contact2-section {
    /*background: #f4f4f4;*/
    padding: 5vh 0;
}
.contact2-section .box {
    text-align: center;
}
.contact3 {
    text-align: left;
    padding: 3rem 0;
    background: #ffffff;
}
.contact3 .title {
    font-size: 1.5rem;
    color: #333333;
    padding: 0 0 1rem;
    display: block;

}
.contact3 .list dd {
    width: 50%;
    font-size: .9rem;
    color: #666666;
}

demo包(免费的)

下载链接:csdn搜索

你可能感兴趣的:(html,前端,css)