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

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-23
一款非常好看的jQuery网站右侧固定在线客服代码,带在线QQ客服、联系电话、二维码扫描、购物车、返回顶部按钮,相当的实用。

上海快3开奖号码今天 www.y44gu.cn

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>

  • 墨西哥地震与球队进球民众跳跃啥关系?专家:无关 2018-07-14
  • 视频:16小时长效持妆 测YSL墨水气垫限量版 2018-07-14
  • 城口修齐镇开展污水处理厂(站)运行管理工作检查 2018-07-13
  • 做强茶企 告别“大而不强” 2018-07-13
  • 【理上网来辉煌十九大】美国学者关注十九大报告:中国将形成新的共识继续推进改革 2018-07-12
  • 丰瑞祥亮相全球互联网经济大会 探索大数据下金融支付的发展方向 2018-07-11
  • “青城纵马” 2018呼和浩特马拉松7月8日纵情开跑 2018-07-11
  • 收益走高 2018年银行理财产品怎么买? 2018-07-10
  • 粽香传真情 军民一家亲 2018-07-09
  • 江西省第33届“爱鸟周”正式启动 2018-07-08
  • 传媒每周热闻第357期:人民日报社与雄安新区共建文化传媒平台 2018网络媒体新春走基层主题活动启动 2018-07-08
  • 习近平为传统文化“代言” 2018-07-07
  • 陕西特殊药品实现医院备案 2018-07-06
  • 青海:52个客运站卫生间将全面改造 2018-07-06
  • 340| 223| 821| 895| 466| 920| 832| 332| 953| 482|