非常好看的jQuery网站右侧固定在线客服代码

非常好看的jQuery网站右侧固定在线客服代码-精品资源网
非常好看的jQuery网站右侧固定在线客服代码
此内容为免费资源,请登录后查看
0
免费资源

非常好看的jQuery网站右侧固定在线客服代码

一款非常好看的jQuery网站右侧固定在线客服代码,带在线QQ客服、联系电话、二维码扫描、购物车、返回顶部按钮,相当的实用。

js代码

<script type=\"text/javascript\" src=\"js/jquery-1.7.2.min.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function(){

	/* ----- 侧边悬浮 ---- */
	$(document).on(\"mouseenter\", \".suspension .a\", function(){
		var _this = $(this);
		var s = $(\".suspension\");
		var isService = _this.hasClass(\"a-service\");
		var isServicePhone = _this.hasClass(\"a-service-phone\");
		var isQrcode = _this.hasClass(\"a-qrcode\");
		if(isService){ s.find(\".d-service\").show().siblings(\".d\").hide();}
		if(isServicePhone){ s.find(\".d-service-phone\").show().siblings(\".d\").hide();}
		if(isQrcode){ s.find(\".d-qrcode\").show().siblings(\".d\").hide();}
	});
	$(document).on(\"mouseleave\", \".suspension, .suspension .a-top\", function(){
		$(\".suspension\").find(\".d\").hide();
	});
	$(document).on(\"mouseenter\", \".suspension .a-top\", function(){
		$(\".suspension\").find(\".d\").hide(); 
	});
	$(document).on(\"click\", \".suspension .a-top\", function(){
		$(\"html,body\").animate({scrollTop: 0});
	});
	$(window).scroll(function(){
		var st = $(document).scrollTop();
		var $top = $(\".suspension .a-top\");
		if(st > 400){
			$top.css({display: \'block\'});
		}else{
			if ($top.is(\":visible\")) {
				$top.hide();
			}
		}
	});
	
});	
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容