jQuery在线客服插件

调用方法

1 $(".onLine").sOnLine({
2     position: "right", //对齐方式 1.left 左对齐 2.right 右对其
3     side: 10, //边距
4     top: 200 //顶部距离 注意是数字不时字符串
5 });

插件下载:sOnLine_1.0.rar

插件源码:

    (function($){
        $.fn.sOnLine = function (options) {
            var defaults = {
                position: "right", //对齐方式 1.left 左对齐 2.right 右对其
                side: 10, //边距
                top: 200 //顶部距离 注意是数字不时字符串
            };
            var options = $.extend(defaults, options);
            var _self = this;

            function init(){
                var newTop = $(window).scrollTop()+options.top;
                var newCss=‘{position:"absolute",‘+  options.position +‘:"‘+options.side+‘px"}‘;/*,top:"‘+options.top+‘"*/
                _self.css( eval(‘(‘+newCss+‘)‘) ).stop().animate({ top: newTop });
            }		

            $(window).scroll(function () {
                init();
            });
            init();
        }
    })(jQuery)

  

时间: 2024-10-10 20:14:18

jQuery在线客服插件的相关文章

QQ在线客服插件代码,下载自CSDN==可拖动在线客服插件。

  制作网站需要的在线客服功能, 代码: var isIE = /msie/i.test(navigator.userAgent); function gID(id){return document.getElementById(id);} //漂浮 //参数:层ID,记录上次滚动位置(默认可以为空,递归使用) function ScrollDiv(id,pScrollY){ //var ScrollY = document.documentElement.scrollTop ? documen

ichat在线客服jQuery插件(可能是历史上最灵活的)

ichat是一款开源免费在线客服jQuery插件,通过该插件,您可以自由的定制属于自己的在线客服代码. ichat充分吸收传统在线客服插件的优点,并加上自身的独特设计,使得ichat可定制性异常强大. ichat追求简单实用,走小清新路线,以便能够适应大多数网站风格. ichat几乎全部由配置生成,使用简便,不需要写html,但需要写js,因为配置是json对象. ichat体积小巧,代码高效,兼容性良好,采用jQuery插件封装,与原有系统零冲突. 效果预览图: 更多内容参见: ichat项目

纯js客服插件集qq、旺旺、skype、百度hi、msn

原文 纯js客服插件集qq.旺旺.skype.百度hi.msn 客服插件,集qq.旺旺.skype.百度hi.msn 等 即时通讯工具,并可自己添加支持的通讯工具,极简主义,用法自己琢磨.我的博客 http://www.qiling.org <script> //在线客服插件 powered by casejs 极简主义 http://www.mlrzw.cn function CaseService(caseServiceConfig) { this.config = caseService

Html_在线客服静态网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

推荐使用:易企在线客服升级版

这个是客服的升级版,有以下几个功能: 1.客服的样式有四种颜色可选:蓝.红.灰.绿 2.客服居左或居右可选 3.客服距离顶部距离及宽度可以设置 4.QQ客服的图标样式可选 5.客服滚动或固定可选 6.可收缩,默认展开或收缩可选 7.增加了一个热线电话 另外在使用上,较之前的版本也更加简单,详细使用方法如下: 1.下载:http://jiyuan.name/uploads/file/130428090001.rar 解压后,将kefu3文件夹上传到templets下. 2.打开header.tpl

在线客服静态网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

在线客服系统有哪些好处

在线客服系统在中国经历了多年的发展,已经成为网站客户服务.辅助网站销售不可缺少的工具.在线客服系统除了具备实时的网页聊天功能,还发展出弹出网页的方式主动邀请访客聊天的功能,以及文件对传功能,方便网站客服人员主动联系网站的在线访客.在线客服比传统的在线QQ有着明显的优势,在线客服无须客户端安装任何软件,可以在线直接交流.而传统的在线QQ.MSN需要安装软件才行.这对一些年龄稍大的客户是个大难题,他们一般很少有QQ,或者有上QQ的习惯. 在线客服系统 在线客服系统的优点: 1.不需要帐号支持 用户直

在线客服系统 开发实战系列(一:需求分析及技术方案初步选型)

在这个系列的文章里,我将尝试一步一步开发一套功能完备的在线客服系统,并最终将其开源在 Git 上,欢迎关注. 鉴于水平限制,难免有所疏漏,欢迎批评指正. 文章将分为几个部分 一.需求分析及技术方案初步选型 二.技术方案选型,验证 三.底层框架设计,开发 四.服务器设计开发 五.客户端设计开发 六.Web端设计开发 在这个系列的文章中,您将了解并学习到以下技术知识: MSMQ.YUI.WebSocket.WinForms 如果这些技术对您有用,还请您 推荐 一下本文章,谢谢! 首先我们大概看看什么

在线客服~~

SOCKET流程:1:服务器端开启端口等待客户端建立TCP连接2:客户端建立TCP四次握手协议TCP连接 (TCP的四次握手连接全部被封装好的代码处理) 3: 客户端发起WS协议4:服务器判断 客户端发送消息内容即是WS协议请求5:服务器端返回WS连接协议 6:双方建立WS长连接7:此时客户端可以接受服务器推送过来的内容(接受WS加密内容),也可以向服务器端发送内容(服务端解码WS加密内容). 双方关闭SOCKET 先看下效果~~有待加强 (1)要先链接啊,链接成功后才可以发送消息