乐趣区

关于javascript:Javascript实现右下角在线客服弹窗效果代码-网站网页在线客服源码教程

如果你只想要实现右下角弹窗性能,你能够应用 JavaScript 库 ”layer”。

layer 是一个开源的 JavaScript 库,能够帮忙你疾速地实现相似操作系统的弹出窗口成果。它提供了许多可定制的选项,能够帮忙你创立各种各样的弹出窗口,例如信息框、对话框、提示框、加载框等。要应用 layer,你须要在你的 HTML 页面中引入 layer

layer.open({
  type: 2,
  title: '在线客服征询',
  shadeClose: true,
  shade: 0.8,
  area: ['380px', '90%'],
  offset: 'rb', // 右下角弹出
  content: 'http://www.your-site.com/html/window.html'
});

offset 属性能够管制窗口弹出的地位,你能够应用 ”rb” 来示意右下角。此外,你还能够应用 layer 的其余选项来自定义窗口的外观和行为,例如设置窗口的题目、设置是否能够拖动、设置背景遮罩层的透明度等。

惟一客服(http://gofly.v1kf.com)就是通过下面的形式实现的右下角弹出聊天窗口,当然进行了一些批改,前面我还会持续介绍

惟一在线客服零碎

https://gofly.v1kf.com

退出移动版