基于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(); }) });
 
 

参与评论