效果图:

资源在我的下载里去找

1.复制js、css、images文件到你的网站资源目录
注意:自己的图片文件夹一定是images否则自己去修改sidebar.css里边图片的路径
2.在你的网页编辑html代码
- 引入css

    <link rel="stylesheet" type="text/css" href="css/sidebar.css"/>
- 引入js
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.fixed.1.3.js"></script>
<script language="javascript" src="js/custom.js"></script>
  • 加入html代码
    这个没什么要求,只要放在body里边就行,建议放在网页最后边
<!-- S 客服 -->
<div class="scrollsidebar" id="scrollsidebar2"><div class="side_content"><div class="side_list"><div class="side_title"><a title="隐藏" class="close_btn"><span>关闭</span></a></div><div class="side_center">               <div class="qqserver"><p><a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:123456789:47"> 小雨</a></p><p><a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:123456789:47"> 小雨</a></p><p><a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:123456789:47"> 小雨</a></p>                    </div>               <hr><div class="phoneserver"><p>站长素材</p><p>sc.chinaz.com</p></div><hr><div class="msgserver"><p><a href="#">给我们留言</a></p></div></div><div class="side_bottom"></div></div></div><div class="show_btn"><span>在线客服</span></div>
</div>
<!-- E 客服 -->

到这里就ok了,自己修改QQ号等信息

在你的网页集成QQ推广即时聊天相关推荐

  1. “伪QQ”---一个即时聊天通讯的工具

    文章目录 前言 头文件 服务器端代码 客户端代码 字库源码头文件 头文件 字库源码 客户端主函数 前言 这里编写了一个即时通讯工具,不同的客户端可以通过连接服务器进行聊天互动,发表情和传文件: 数据量 ...

  2. java实现仿QQ即时聊天

    这是我的java大作业,这里就直接贴上我的实验报告了. 2.0版已更新地址:Java仿QQ2.0版 项目已开源:github地址:imitate-qq 欢迎fork与star 仿微信App:canar ...

  3. 在线即时通讯工具的网页即时聊天的html代码

    <a target=blank href=tencent://message/?uin=你的QQ号码&Site=您的网站/&Menu=yes><img border= ...

  4. 191119_01 网站集成QQ第三方登录

    网站集成QQ第三方授权登录 作者:邵发 官网:http://afanihao.cn/java 本文是Java学习指南系列教程的官方配套文档. 内容介绍如何在网站中集成QQ的第三方授权登录功能,演示项目 ...

  5. Spring Security技术栈学习笔记(十四)使用Spring Social集成QQ登录验证方式

    上一篇文章<Spring Security技术栈开发企业级认证与授权(十三)Spring Social集成第三方登录验证开发流程介绍>主要是介绍了OAuth2协议的基本内容以及Spring ...

  6. 网页中QQ在线客服进行聊天的一些坑和解决方案

    说明 从浏览器唤起QQ进行聊天,是很多公司或者企业会用到的一种客服方式,然而很多时候,一些手机端浏览器并不支持直接跳转到QQ,或者不支持从App内嵌的网页中跳转到QQ页面. 正文 针对跳转唤起QQ,Q ...

  7. 个人网站如何集成QQ快捷登录功能?

    目录 一.网站集成QQ快捷登录的好处 二.网站接入QQ快捷登录具体步骤 (1)登录到QQ互联官网 (2)进行个人开发者认证 (3)创建网站应用 (4)填写网站资料 三.如何在本地开发环境下进行测试? ...

  8. qq推广移动端无法唤醒qq“显示需要更新QQ”

    问题 上次发了一篇关于qq推广的博客:qq不加好友实现网页在线聊天(qq在线客服) 但是在使用时候发现了一个问题,无法在手机端唤起qq,会一直卡在提醒qq更新界面,但是显然不是qq版本的问题. 解决 ...

  9. 使用友盟快速集成QQ分享与QQ授权登录

    友盟官方文档 我采用的是手动集成友盟的官方文档.下载SDK进行集成. 解压缩,选择自己需要的文件进行加入到Android Studio中. 由于这里我只需要QQ,那就把QQ文件夹中的所有文件拷贝一份到 ...

  10. 网页加入QQ/MSN/SKYPE代码 实现免费在线客服

    如果您的网站没有提供好的在线客服服务,这些客户便悄悄流失到比你服务更好的同类网站去了.于是,如何留住访客?如何了解客户意向?如何主动与访客进行交流?如何提供更优质的服务?- 都成了您需要考虑的问题关键 ...

最新文章

  1. 整合quickx到普通cocos2dx
  2. 关于Debug和Release编译方式
  3. VTK:PolyData之QuantizePolyDataPoints
  4. 2017-2018-2 20179215 《密码与安全新技术》第5周作业
  5. xen虚拟机克隆命令
  6. matlab 高分屏 变小,解决Ubuntu高分屏下matlab标题栏(菜单栏)字体过小问题
  7. USACO Training Section 1.1 Your Ride Is Here
  8. python定时任务apschedule_APScheduler(python 定时任务框架)最简单使用教程
  9. JeecgBoot低代码平台 2.4.5 版本发布,钉钉与企业微信集成版本
  10. this java_Java this关键字详解
  11. java中的subString与SQL中的subString(作为常识应该记住的)
  12. php 按行读取 太慢,3分钟短文 | 大神救我!18G的大文件,PHP咋按行读取?
  13. 最大子序列的和算法分析一
  14. Pano2VR 6 for Mac中文破解版永久激活方法附授权密钥
  15. SAM4E单片机之旅——21、DMAC之USART回显
  16. 魅族M9同步谷歌联系人
  17. Curator的基本使用
  18. Vista HTTPS 证书错误
  19. python集合增加元素_python集合的新增元素方法整理
  20. 时间序列分析简介(一)

热门文章

  1. 网络号、主机号、子网号--例题
  2. 红宝书考研单词(四级到考研和六级的过渡词汇)
  3. 戴尔台式计算机没声音,戴尔电脑重装系统后没有声音怎么办
  4. c++程序设计基础-类与对象:继承
  5. 我的RHCE认证考试经历
  6. n维向量积(3维向量积的推广,向量算法)
  7. 7-1 婚宴座次排定
  8. swiper使用教程
  9. audio autoplay
  10. 003_创建simulink文件