jQuery全国分公司地图漂亮的联系方式【原创】

查看演示 下载资源 下载积分： 40 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

$(function() {
    $(".china-map li a").hover(function() {
        $(this).css("color", "#6eb92b")
    }, function() {
        $(this).css("color", "#5D5D5D")
    })
    $(".china-map li a").click(function() {
        var date = $(this).attr("class")

        $(".shengfen").html($("#" + date).html())

        var index = $(".china-map li").index(this)
        $(".china-map li").removeClass("current")
        $(this).parents("li").addClass("current")
        if ($(this).attr("title") != "")
        {
            var atitle = $(this).attr("title")
            $(".fendian_show>h1").text(atitle)
            $(".china-map").animate({left: 0}, 200)
            $(".zhezhao").fadeIn(200)
            $(".fendian_show").fadeIn(200)
        }
    });

    $(".close").click(function() {
        $(".china-map").animate({left: 0}, 200)
        $(".zhezhao").fadeOut(200)
        $(".fendian_show").fadeOut(200)
        $(".shengfen").html("")
    })
})

使用方法

只要在有分公司的地方的a标签里边加上title属性  span加上style样式：color: #6eb92b;font-weight: bold; 联系方式复制一下class修改一下电话，就可以使用了