带电话、二维码的右侧在线客服代码

带电话、二维码的右侧在线客服代码

详细介绍

使用方法:

引入CSS样式文件

<link href="css/lrtk.css" rel="stylesheet" type="text/css">

引入jQuery库文件

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

JS结构

$(function() {
	    $(".btn_top").hide();
		$(".btn_top").live("click",function(){
			$('html, body').animate({scrollTop: 0},300);return false;
		})
		$(window).bind('scroll resize',function(){
			if($(window).scrollTop()<=300){
				$(".btn_top").hide();
			}else{
				$(".btn_top").show();
			}
		})
   })

HTML结构

<div class="izl-rmenu">
    <a class="consult" target="_blank"><div class="phone" style="display:none;">010-8888888</div></a>    
    <a class="cart"><div class="pic"></div></a>   
    <a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
</div>
<a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=1030040075&site=qq&menu=yes" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"></a>
微信公众号:凌色彩
关注我们,获取更多的全网素材资源,有趣有料!
12000人已关注
分享到:
赞(0)

评论1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    I'm excited to discover this website. I want to to thank you for your time just for this fantastic read!! I definitely loved every little bit of it and I have you saved as a favorite to look at new things on your web site.
    cialis2019-04-23 3:26:15回复

jQuery插件库-收集最全最新最好的jQuery插件!

凌色彩