多皮肤悬浮QQ客服jquery插件

最新推荐文章于 2022-12-04 10:47:16 发布

转载最新推荐文章于 2022-12-04 10:47:16 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12933

文章标签：

#jquery #前端 #javascript

网站模版专栏收录该内容

3170 篇文章

订阅专栏

这段代码展示了如何使用JavaScript实现网页上的浮动客服悬浮框，支持不同位置（左、右）、水平和垂直定位，以及可定制的皮肤样式。两种悬浮方式分别设置了不同的参数，便于灵活应用。

下载地址

$(window).load(function(){ //悬浮客服 $("#fixedBox2").fix({ position : "left", //悬浮位置 - left或right horizontal : 0, //水平方向的位置 - 默认为数字 vertical : null, //垂直方向的位置 - 默认为null halfTop : false, //是否垂直居中位置 minStatue : false, //是否最小化 hideCloseBtn : false, //是否隐藏关闭按钮 skin : "gray", //皮肤 showBtnWidth : 28, //show_btn_width contentBoxWidth : 154, //side_content_width durationTime : 600 //完成时间 }); //悬浮客服 $("#fixedBox").fix({ position : "right", //悬浮位置 - left或right horizontal : 0, //水平方向的位置 - 默认为数字 vertical : 100, //垂直方向的位置 - 默认为null halfTop : true, //是否垂直居中位置 minStatue : false, //是否最小化 hideCloseBtn : false, //是否隐藏关闭按钮 skin : "blue", //皮肤 showBtnWidth : 28, //show_btn_width contentBoxWidth : 154, //side_content_width durationTime : 1000 //完成时间 }); });