免费在线客服悬浮代码(网站悬浮代码)
admin 发布:2022-12-19 19:41 135
本篇文章给大家谈谈免费在线客服悬浮代码,以及网站悬浮代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
求网站jq右侧客服悬浮窗代码
body
div style="height:10000px;"/div
div class="suspension"
div class="suspension-box"
a href="#" class="a a-service "i class="i"/i/a
a href="javascript:;" class="a a-service-phone "i class="i"/i/a
a href="javascript:;" class="a a-qrcode"i class="i"/i/a
a href="#" class="a a-cart"i class="i"/i/a
a href="javascript:;" class="a a-top"i class="i"/i/a
div class="d d-service"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
a href="#" class="clearfix"span class="circle"i class="i-qq"/i/spanh3咨询在线客服/h3/a
/div
/div
/div
div class="d d-service-phone"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
span class="circle"i class="i-tel"/i/span
div class="text"
p服务热线/p
p class="red number"4001-123-456/p
/div
/div
div class="d-service-intro clearfix"
pi/i功能和特性/p
pi/i价格和优惠/p
pi/i获取内部资料/p
/div
/div
/div
div class="d d-qrcode"
i class="arrow"/i
div class="inner-box"
div class="qrcode-img"img src="images/side_ewm.jpg" alt=""/div
p微信服务号/p
/div
/div
/div
/div
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
/body
怎么制作一个网站漂浮的“QQ客服"代码?
最简单的方法就是在网页里添加一段代码,建议别用QQ客服,一是不方便要求对方必须打开QQ客户端才能进行交流,二是有些QQ用户设置了必须是加了好友才能对话,每个帐号都是500个好友就满了,现在的人好友都几乎满了,无形又增加了沟通门槛。
我现在使用 tipcoo在线客服,全免费的,在网页上就能实现跟QQ一样的交流方式,功能完善界面专业,还不占用自己空间或服务器的性能
网页在线客服怎么弄?
你去试下快商通客服系统免费版,把他们系统生成的JS代码复制下来,放到你的网站里,就可以了,再有什么问题,可以问他们售后客服,24小时全天在线
关于免费在线客服悬浮代码和网站悬浮代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-04html放大代码(HTML放大)[20240504更新]
- 05-04js页面全屏代码(js移动端全屏)[20240504更新]
- 05-04vc图像处理代码(vc图像处理代码是什么)[20240504更新]
- 05-04文件类别代码(文件类别代码QM)[20240504更新]
- 05-04vb.net代码入门(vb·net)[20240504更新]
- 05-04文字框代码怎么写(html文字框代码)[20240504更新]
- 05-04qq音乐主页源代码(最新音乐代码)[20240504更新]
- 05-04卡盟资源代码(卡盟控制端全套系统源码)[20240504更新]
- 05-04奶茶页面的HTML源代码(奶茶网站html制作)[20240504更新]
- 05-04java多线程代码(java 多线程)[20240504更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接