基于jquery.1.11.1.min.js制作的简洁jQuery右侧栏客服代码,有微信二维码、QQ、电话显示及返回顶部功能,网页右侧悬浮层,鼠标移动上去有效果。
js代码:

$(function() { $("#service a").hover(function() { if ($(this).prop("className") == "weixin_area") { $(this).children("img.hides").show(); } else { $(this).children("div.hides").show(); $(this).children("img.shows").hide(); $(this).children("div.hides").animate({marginRight: '0px'}, '0'); } }, function() { if ($(this).prop("className") == "weixin_area") { $(this).children("img.hides").hide(); } else { $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() { $(this).hide(); $(this).next("img.shows").show(); }); } }); $("#top_btn").click(function() { $("html,body").animate({scrollTop: 0}, 600); }); //右侧导航 - 二维码 $(".weixin_area").hover(function() { $(this).children(".weixin").show(); },function(){ $(this).children(".weixin").hide(); }) });
 
 
温馨提示:
1、本内容转载于网络,版权归原作者所有!2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!

参与评论