自带完整数据 快速建站好帮手
客服QQ客服QQ 客服微信客服微信 公众号公众号

jQuery右侧边栏微信二维码QQ在线客服返回顶部代码

特效介绍

这款jQuery右侧边栏二维码QQ客服返回顶部代码,简洁的jQuery右侧栏客服代码,有微信二维码、QQ、电话显示及返回顶部功能,网页右侧悬浮层,鼠标移动上去有效果。

js代码

<script type="text/javascript">
$(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();
})
});
</script>

二维码QQ客服代码

TAG标签:二维码QQ客服代码

上一个:简单的jQuery页面滚动弹出网站微信QQ在线客服代码
下一个:jQuery制作网页右下角悬浮固定美女在线客服代码

免责声明:本站模板均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑源码 版权所有 鲁ICP备20017802号

展开