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

授权协议 GPL
开发语言 JavaScript
所属分类 jQuery 插件、 其他jQuery插件
软件类型 开源软件
地区 国产
投 递 者 赵涵亮
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

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

需要引用的文件:

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、滑动的速度

  • (function($) { var _options = {}; jQuery.fn.fiexd = function(options) { var id = $(this).attr("id"); _options[id] = $.extend({}, $.fn.fiexd.defaults, options); var obj = $(this); var offsetTop = this.

  • 第1章 认识jQuery 1.1 概述 jQuery 就是一款免费且开放源代码的JavaScript代码库; jQuery设计的宗旨就是:写更少的代码,做更多的事情; 1.2 入门使用 下载代码库: 官方下载地址:http://jquery.com/download/ 注意: jq自2.0版本开始,不在支持IE9一下浏览器; 自3.0版本开始,针对移动端做了优化处理; 引入并使用: <body>

  • 1、漫画原创时间日期Jquery插件manhuaDate 1、可以灵活设计响应事件(Event) 2、层显示的位置(Left,Top)3、年月日之的连接符号 4、自由控制是否显示时间(isTime)5、年份下列列表的开始值与结束值,最终版修正了插件页面只能用一个的Bug,改成了无限使用。具体查看详细介绍 2、漫画原创弹出内容提示Jquery插件 此Jquery插件是一款非常实用的功能,最近看了很多

  • jquery.jscrollbar 是一个基于jQuery的滚动条插件,支持水平滚动条和垂直滚动条,支持鼠标键盘事件 主要功能 支持水平滚动条 支持垂直滚动条 自动判断水平滚动条和垂直滚动条是否显示 支持外部调用来滚动内容 支持滚动条部分样式自定义 支持键盘方向键控制 支持鼠标滚动(需要mousewheel插件) 支持滚动条显示位置设置(外部|悬浮) 支持手动更新界面 依赖的库 jQuery (h

  • 一、jQuery 的介绍 1. jQuery 的概念 jQuery 全称 JavaScript Query ,是 js 的一个框架,本质上仍然是 js 。 2. jQuery 的优点 (1). 强大的选择器 (2). 出色的 DOM 封装 (3). 出色的浏览器兼容性 (4). 强大的动画功能 (5). 体积小,压缩后只有100KB左右 (6). 可靠的事件处理机制 (7). 使用隐式迭代简化编程

  • 在开发上,页面是通过调用ajax调用生成的HTML元素节点,发现鼠标悬浮hover事件失效了 $(function(){ $.ajax({ type:'post', url:ctx+'hbk/task/allTaskBefore12', dataType:'json', success:function(res){ var html ; for(var

 相关资料
  • 对于一般的安装不推荐使用皮肤,因为此插件的最大缺点是容量大了,单单个DLL就4.02MB,而且还要附加.skf作为插件调用的皮肤!假如安装包大小过500MB或以上的使用也不错,至少能漂亮一些! 压缩包内有几个皮肤以及插件与说明,还有示例脚本,一看则明! 引用sample.nsi示例脚本: ;NSIS_SkinCrafter_Plugin ;Basic Example Script Functi

  • 皮肤 皮肤机制为 moye 控件提供强大的样式自定义能力,可以支持 自定义样式 与 换肤 / 风格主题 。 功能特点: 首先,每个控件都有一个基础样式类型: ui-{type},其中{type}表示控件的主类型; 其次,控件可以设定皮肤参数,并可以指定多个皮肤。每个皮肤设定都会添加两个样式类型: skin-{skin} 与 skin-{skin}-{type}, 其中 {skin} 表示设定的皮肤

  • 问题内容: 我一直在关注以下内容:https : //code.google.com/p/table- layout/#Quickstart, 以获得LibGDX中表格的一些简介。我已经尝试了一些按钮。 现在我有这段代码: 但这引发了一个原因: 我只将按钮(从屏幕上的其他位置)添加到皮肤中: 我的问题现在是桌子需要什么样的纹理,最重要的是,如何在桌子上使用它们? 问题答案: 当谈到libGDX中的

  • 动态更改导航条和字体颜色,用于实现app换肤功能。 作者说:模仿QQ的换肤,实现方式很初级.仅供参考学习吧. [Code4App.com]

  • 问题内容: 在我的uiskin.json中,我有这个 当我在Assets文件夹的文本文件夹中有default.fnt时,这很好。 但是我想使用一个Freetypefont。 如何创建Freetypefont并将其加载到uiskin文件中? 问题答案: 不可能事先做,因为您将在运行时生成它。 我的解决方法是保持默认字体不变,并在运行时通过代码替换它。您可以使用它。

  • 什么是剥皮? Flex中的外观是一个完全自定义UI组件外观的过程。 皮肤可以定义组件的文本,图像,过滤器,过渡和状态。 可以将外观创建为单独的mxml或ActionScript组件。 使用皮肤,我们可以控制UI组件的所有视觉方面。 对于所有UI组件,定义外观的过程是相同的。 第1步 - 创建一个皮肤 使用File 》 New 》 MXML Skin选项启动“创建MXML外观”向导。 输入Packa