首页 网站特效 PHP/Mysql 网站模板 视频教程 整站源码 云服务器 免责声明

素材码 > 悬浮弹出层 > 网页两侧收缩美女客服代码

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

更新时间:2018-05-09
357058607
网页两侧收缩美女客服代码 应用简介

jQuery鼠标悬浮客服按钮,出现美女客服图片,鼠标离开又收缩回去。两侧都有紫色漂亮的美女客服。

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

$(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'}); 
    }); 
})


  • 收藏
  • 投诉
评论列表