多皮肤皮肤悬浮QQ在线客服jQuery插件 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
多皮肤皮肤悬浮QQ在线客服jQuery插件 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
多皮肤皮肤悬浮QQ在线客服jQuery插件 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
多皮肤皮肤悬浮QQ在线客服jQuery插件 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
多皮肤皮肤悬浮QQ在线客服jQuery插件 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

该悬浮QQ在线客服插件一款很实用的功能,基本每个企业网站都需要,能及时解决网站访客的提问,转化成企业的客户 。

提供6种不同颜色的皮肤以及2个完全不同风格的皮肤给用户选择。解决了之前第一版本在Chrome浏览器中,点击收缩时悬浮窗口不显示的BUG。另外,还增加了几个参数,让该插件的在应对更多需求时更具灵活性。

多皮肤悬浮QQ在线客服jQuery插件效果图

需要引用的文件:

1、CSS


2、jQuery


3、jQuery的调用

$(window).load(function(){
    $("#fixedBox2").fix({
	position	: "left",
	horizontal	: 50,
	vertical	: null,
	halfTop		: false,
	minStatue	: false,
	hideCloseBtn	: false,
	skin		: "gray",
	showBtnWidth	: 28,
	contentBoxWidth : 154,
	durationTime	: 600 
    });
	
    $("#fixedBox").fix({
	position	: "right",
	horizontal	: 0,
	vertical	: 100,
	halfTop		: true,
	minStatue	: false,
	hideCloseBtn	: false,
	skin		: "blue",
	showBtnWidth	: 28,
	contentBoxWidth	: 154,
	durationTime	: 1000
    });	
});


可设置项有:

1、悬浮的位置,右侧还是左侧
2、离浏览器侧边的水平方向距离
3、离浏览器顶部的垂直方向距离
4、是否垂直居中
5、是否默认显示最小化
6、是否隐藏关闭按钮
7、选择哪种风格皮肤
8、显示按钮的宽度
9、悬浮窗口的宽度
10、滑动的速度

展开阅读全文

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2013/08/10 11:42

How to create Multiple Themes/Skins for iphone ...

http://stackoverflow.com/questions/8919334/how-to-create-multiple-themes-skins-for-iphone-apps

0
0
2020/02/01 16:24

翻译glTF2.0 说明文档Skins这段

[英文原文](https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#skins "英文原文") # 蒙皮 所有蒙皮都存储在资源的皮肤数组中。每个皮肤都由inverseBindMatrices属性定义(该属性指向一个带有IBM数据的访问器),用于将蒙皮坐标变换到每个关节相同的坐标系下; 以及一个关节数组属性,该属性列出用作蒙皮动画的关节的节点索引。关节的顺序是在`skin.joints`数组中定义的,它必须与inverseBindMatrices...

0
0
发表了博客
2011/06/30 23:11

More Styles for Spark Skins

http://opensource.adobe.com/wiki/pages/viewpage.action?pageId=34177689

0
1
2015/12/07 21:02

always online

变色的生活 人性的挑拨 疯狂的冒出了头 单方的守侯 试探的温柔 还是少了点什么 遥远两端 爱挂在天空飞 风停了也无所谓 只因为你曾说 Everthing will be ok 准备好了 three two one I'm always online 和你one two one 爱开始扩散 我们连接了穿越天空银河 开始倒数 three two one 渗出我的孤单 more and more既是深刻 爱亮了 爱笑了 I'm always online 变色的生活 人性的挑拨 疯狂的冒出了头 单方的守侯 试探的温柔 却还是...

0
0
发表了博客
2018/11/22 13:34

web online ide &web online editor & web online playground & web online runtime

web online ide &web online editor web online ide &web online editor & web online playground & web online runtime repl https://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop http://www.thefullwiki.org/REPL https://www.quora.com/What-is-REPL https://github.com/scriptcs/scriptcs/wiki/REPL tech.io https://tech.io/playgrounds/8747/react-lifecycle-methods-render-and-componentdidmount http...

0
0
发表了博客
2017/10/31 14:48

QQ分享 和 QQ登陆

// QQ分享 UMImage image = new UMImage(MainActivity.this, "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1944582709,2686578056&fm=27&gp=0.jpg"); UMImage thumb = new UMImage(MainActivity.this, R.mipmap.ic_launcher);//缩略图 image.setThumb(thumb); image.compressStyle = UMImage.CompressStyle.SCALE;//大小压缩,默认为大小压缩,适合普通很大的图 image.compressStyle = UMImage.CompressStyle....

0
1
发表了博客
2013/12/11 09:50

Online App

在线应用 xface的在线应用将应用部署在服务器,同时采用HTML5的应用程序缓存技术,通过创建 cache manifest 文件,可以轻松地创建在线应用的离线版本。 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 节省流量 - xFace runtime将...

1
1
发表了博客
2014/08/07 14:09

qq

qq

0
0
发表了博客
2016/09/02 11:36

QQ

第三方账号的创建 QQ iOS android的账号各自创建 基本信息 1.应用名称 2.应用类型 3.应用分类 4.应用简介 图标素材 应用小图标 尺寸16x16,大小20K以内,PNG格式的图片 应用图标 尺寸512*512,大小200K以内,JPG、PNG格式,建议使用直角图标 应用截图 请上传2-5张截图(尺寸保持一致),单张图片不超过1M。截图不能小于320*480像素,推荐480*800像素。JPG、PNG格式 终端信息(至少选一个终端) iPhone终端信息 URL schema 应用启...

0
0
发表了博客
2018/08/07 15:03

Ubuntu16.04LTS上安装QQ,QQ音乐

最近我搞到了一台新的电脑,准备安装Ubuntu,但是Ubuntu对于很多人来说十分不方便,日常应用没有什么支持的 这回,我们来详细讲一下怎么在Ubuntu16.04LTS上安装QQ。 网上有许多wine上面安装qq的教程,但是我试过以后基本都不行,或是版本很老,bug很多 不过,我找到了一种很好的方法------crossover 大家可以到这个网站上面下载crossover的最新安装包,选Linux。 http://www.crossoverchina.com/xiazai.html ------------------...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
27 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部