网页两侧收缩美女客服代码【原创

来源:https://www.sucaihuo.com/js/1524.html 2017-03-23 23:29浏览(848) 收藏

jQuery鼠标悬浮客服按钮,出现美女客服图片,鼠标离开又收缩回去。两侧都有紫色漂亮的美女客服。
网页两侧收缩美女客服代码
分类:悬浮层/弹出层 > 客服 难易:初级
查看演示 下载资源 下载积分: 70 积分

左侧和右侧客服悬浮触发事件

$(function() {
    $('.lanren_right').hover(function() {
        $(this).find(".kefu").stop().animate({right: '0'});
        $(this).find(".bar_show").stop().animate({right: '120px'});
    }, function() {
        $(this).find(".kefu").stop().animate({right: '-120px'});
        $(this).find(".bar_show").stop().animate({right: '0'});

    });
    $('.lanren_left').hover(function() {

        $(this).find(".kefu_left").animate({left: '0'});
        $(this).find(".bar_hide").stop().animate({left: '120px'});

    }, function() {

        $(this).find(".kefu_left").stop().animate({left: '-120px'});
        $(this).find(".bar_hide").stop().animate({left: '0'});
    });
})
标签: 客服两侧漂浮
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/1524.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2