本文分享的是一款漂浮在网页右侧的QQ在线客服代码:在网站上添加qq在线状态,方便用户直接点击qq进行在线咨询。

在网页

头部引入以下文件:

想换个颜色样式,只需引入不同的CSS样式:

如把QQ在线客服换成红色样式:

JS代码:

$(function(){

$("body").Sonline({

Position:"right",//left或right

Top:200,//顶部距离,默认200px

Effect:true, //滚动或者固定两种方式,布尔值:true或false

DefaultsOpen:true, //默认展开:true,默认收缩:false

Qqlist:"888888|客服01,888888|客服02,888888|客服03,888888|客服04,888888|客服05" //多个QQ用','隔开,QQ和客服名用'|'隔开

});

})

源码下载

本文转载自吾爱编程,原文链接: ,本文观点不代表中国网页设计立场。

html5 左侧在线客服,在网页右侧漂浮的QQ在线客服代码,QQ在线状态代码(四种样式)...相关推荐

  1. HTML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

    HTML5期末大作业:漫网页网站设计--爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...

  2. php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例,网页右侧悬浮滚动QQ在线客服 - phpStudy...

    网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...

  3. 阿里旺旺在线客服代码 贸易通在线状态代码

    阿里巴巴贸易通在线状态代码生成,wiseuc改成你的ID就行了,还有ALT改成你的内容  <a target=_blank href=http://scs1.sh1.china.alibaba. ...

  4. html5固定右侧qq客服,固定在网页右侧浮的QQ在线客服.doc

    固定在网页右侧浮的QQ在线客服 固定在网页右侧悬浮的QQ在线客服 ,,,,,,,html,,,,,,,,PUBLIC,,,,,,,,"-//W3C//DTD,,,,,,,,XHTML,,,, ...

  5. QQ在线客服JS代码,自适应漂浮在网页右侧

    漂浮在网页右侧的QQ在线客服代码,自适应浏览器调试,当你拖动滚动条的时候它会自动计算始终漂浮于某一位置,而且是动画特效,很不错,你也可以把它改成一个漂浮广告,只用换掉表格里的内容就可以了. <h ...

  6. qq在线模板html,浮动在网页右侧的简洁QQ在线客服

    浮动在网页右侧的简洁QQ在线客服-www.mb5u.com .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:visited ...

  7. html简单右侧客服,浮动在网页右侧的简洁QQ在线客服

    浮动在网页右侧的简洁QQ在线客服-www.codefans.net .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:vis ...

  8. java 在线qq客服_jquery实现漂浮在网页右侧的qq在线客服插件

    很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 $(function(){ $("body").Sonl ...

  9. php 网站在线客服插件,jquery实现漂浮在网页右侧的qq在线客服插件示例_jquery

    很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 css样式: /*默认蓝色*/ .SonlineBox{ width:162 ...

  10. QQ在线客服代码,飘浮在右侧的QQ客服js特效演示

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

最新文章

  1. 最新宣布:Intuit和微软公司就Intuit合作平台的最新版Windows Azure SDK扩大合作关系...
  2. python 类-python 类如何使用
  3. 010_数字内建函数
  4. angular input和output
  5. 可以直接在C++里面写类似RSL的shader了
  6. 年薪30万的程序员为啥找不到女朋友?这是我见过最精彩的回答!
  7. RouteDebug.dll
  8. 宋宝华_2010年11-12月Linux驱动和内核讲座PPT下载
  9. VGG16—perceptual loss in keras感知损失【Keras】
  10. 实对称矩阵的特征值求法_正交矩阵学习小结
  11. 虚拟机安装Windows7镜像
  12. 国笔手机输入法MTK支持的语言
  13. 修改dataV轮播表背景图
  14. 有限元基础及ANSYS应用 - 第8节 - 梁系结构的ANSYS分析
  15. 关于vscode打感叹号无法输出html模板的解决方法
  16. idb 怎么回复mysql_mysql中的.idb文件 怎么正常显示
  17. 今天,IT女神们是怎么度过的(文末送礼品)
  18. 【Lucene】挖掘相关搜索词
  19. HDU1757(矩阵快速幂+简单的矩阵构造)
  20. 在线图书销售系统顺序图_良心好用的在线学习工具,你知道和不知道的,这里都有~...

热门文章

  1. 统计分析 -- t分布
  2. 什么是人工神经网络模型,人工神经网络模型定义
  3. 修改app的名字和图标
  4. 阿里云OCR:(二)银行卡号识别
  5. 行业分析常用到的21个网站
  6. 月子中心管理系统方案/软件/案列/小程序/网站
  7. dirent.h和dirent.c下载
  8. MyBatis官方文档-简介
  9. 电子信息技术专业名词中英文对照(二)
  10. 贝叶斯滤波和粒子滤波