如果你只想要实现右下角弹窗性能,你能够应用 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