本文分享的是一款漂浮在网页右侧的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. pandas基于条件判断更新dataframe中所有数据列数值内容的值(Conditionally updating all values in pandas Dataframe )
  2. 防范最新勒索病毒--坏兔子病毒(伪造Adobe Flash Player更新)的方法
  3. 【CentOS Linux 7】实验5【安装VScode,并用VScode编写HTML网页】
  4. linux du命令重定向,df命令、du命令 、磁盘分区
  5. 代码编写中会遇到的安全性问题
  6. Pytorch 加载预训练模型参数时出现size mismatch错误
  7. lnmp yum安装mysql_centos5 yum安装lnmp
  8. 学习单片机——MCS-51单片机的型号与组成
  9. Maze环境以及DQN的实现
  10. 【考研数学】常用数学公式大全
  11. 使用piranha搭建高可用LVS集群
  12. CSS3实现精美的纸张折角效果 -- 进阶版
  13. python求平均工资_python实现求和,求平均值——函数
  14. xadmin界面美化
  15. 随机场(Random field)
  16. matlab的udt,西门子PLC的UDT是干什么的?如何使用?终于讲清楚了
  17. Windows安装 hadoop 环境
  18. Python GUI之tkinter窗口视窗教程大集合
  19. easypoi excel导出
  20. 古希腊神话故事4 :伊娥

热门文章

  1. android+rom+bootloader+flash,【极光ROM】-【三星NOTE10/NOTE10+/5G N97XX-9825】-【V9.0 Android-R-UA1】...
  2. Checkra1n 越狱常见问题大全
  3. 调用谷歌翻译API(FREE)的java代码
  4. 湖南中医药高等专科学校计算机试题,湖南中医药高等专科学校2020年单招文化基础考试考纲...
  5. STK 12.5.0发布
  6. 适用于Win7系统下Intel 7代核心显卡驱动程序
  7. 华为马海旭:+智能,IoT行业云服务使能产业物联网
  8. mybatis3-中文文档
  9. RTL8761ATV-CG蓝牙芯片4.0模块Realtek蓝牙驱动
  10. gis差值分析_GIS空间插值分析图解