素材牛VIP会员

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

 所属分类:网页特效-在线客服

 浏览:2672次  评论:3次  更新时间:2016-10-12
牛币素材VIP可免积分下载
带电话、二维码的右侧在线客服代码兼容IE6
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:1、在head区域引入样式表文件lrtk.css 2、在head区域引入jquery-1.8.3.min.js 3、在head区域引入返回顶部的JS 4、在你的网页中加入注释区域代码,修改其中的电话和QQ号码,二维码图片尺寸160x160像素。

详细介绍

使用方法:

引入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>

相关素材 - 在线客服

讨论这个素材(3)回答他人问题或分享使用心得会奖励牛币

总***朕  
2017年08月03日

[给力]

回复
qq***15  
2020年08月11日

棒棒的

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)