jQuery右侧栏二维码QQ客服返回顶部代码插图

基于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(); }) });
 
友情提醒:98课堂官方微信公众号开通了,这里没有广告,只有干货!定期分享你意想不到的网络思维!干货教程!网赚论坛部分教程需要解压密码,所以请务必加微信公众号!据说扫下这个二维码的,一个月都可以赚几万块!试试就知道哦
温馨提示:

1、本内容转载于网络,版权归原作者所有!

2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!

参与评论