多皮肤悬浮QQ客服jquery插件

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

amohan

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

阅读量155

点赞数

CC 4.0 BY-SA版权

分类专栏：网站模版文章标签： jquery 前端 javascript

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

网站模版专栏收录该内容

3170 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载地址

$(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 //完成时间 }); });

dd: