• Connect_logo_6.png 退出
    前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
    充值

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

    作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2018-05-23
    一款非常好看的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>
    

    北京11选5app下载