说到QQ客服在线代码，随便那么百度谷歌一下就会出来，一般都是

<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=${qq!}&Site=http://www.xxxx.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:${qq!}:${mode!}" alt="给我发送信息"></a>

其中 ${qq!}代表qq号码  ${mode!} 代表模式 （1 2 3这样的数字），以上是freemarker模板代码！

有时候想找一个合适的展示样式，需要去切换mode，所以才想到写了这么一个Html文件，来把所以的样式遍历出来，可以找到自己想要的（当然不一定有自己想要的），目前mode的最大值是20，测试出来的...... 但不是所有的模式都有 ，比如模式18就是不存在的，废话不说，代码如下：

 <!DOCTYPE html>

 <html>

 <head>

 <title>qq在线客服</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 </head>

 <body>

 <div class="warp" style="margin-top:100px;">

     <p>qq: <input type="text" name="" id="qval" /></p>

     <p style="display:none;">>风格（数字）: <input type="text" name="" id="qstyle" /></p>

     <p><input type="button" value="生成" id="ytest" /></p>

     <div id="result"></div>

 </div>

 <script type="text/javascript">

 var doc = document;

 var getById = function(selector){

     return doc.getElementById(selector);

 };

 var doIt = getById('ytest')

     ,result =  getById('result')

     ,qval =  getById('qval')

     ,qstyle =  getById('qstyle')

 ;

 doIt.onclick = function(){

     var _val = qval.value,_mode = qstyle.value,_vstr = '';

     for(var i=1;i<21;i++){

         _vstr = _vstr + '<p>'+ i + '.<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin='+ _val +'&Site=http://www.xxx.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:'+ _val +':'+ i +'" alt="给我发送信息"></a>'+'</p>';

     }

     result.innerHTML = _vstr;

 };

 </script>

 </body>

 </html>

js生成qq客服在线代码的更多相关文章

  1. 浮动qq客服备份代码

    <div class="main-im"> <div id="open_im" class="open-im"> & ...

  2. 网站QQ客服链接代码

    个人QQ客服代码 <a href="tencent://message/?uin=QQ号码">在线咨询</a> 企业QQ客服代码 <a href=&q ...

  3. jQuery网页右侧固定层显示隐藏在线qq客服代码

    CSS代码: @charset "utf-8"; ;;} html,body{font-size:12px;font-family:"微软雅黑";outline ...

  4. pc、移动端H5网站 QQ在线客服、群链接代码【我和qq客服的那些事儿】

    转载:http://blog.csdn.net/fungleo/article/details/51835368#comments 移动端H5 QQ在线客服链接代码 <a href=" ...

  5. pc端_移动端_H5_ QQ在线客服链接代码

    PC端:QQ在线客服链接代码 <a href="tencent://message/?uin=1239300678&Site=sc.chinaz.com&Menu=ye ...

  6. 【情人节来一发】网站添加QQ客服功能

    今年的元宵节遇到情人节,挺不自量力的,呵呵,开篇给各位讲个段子,早上一美女同学在空间发说说道:“开工大吉 起床啦,卖元宵,卖玫瑰,卖避孕套啦-有木有一起去发财的小伙伴?Let’s go…”,对于此种长 ...

  7. 企业QQ客服的添加

    商城项目需要用腾讯的企业QQ客服,但默认提供的是一个链接,点击后弹出一个新页面, 请确认 确认打开QQ与营销QQ4009928310对话? 点确认才弹出聊天窗口,并不是需求想要的效果,经过一番折腾联系 ...

  8. 普通免费QQ客服在PC、手机端解决方案

    注意:以下测试 浏览器在Chrome,手机在iphone6 营销QQ.企业QQ(http://b.qq.com/)跟普通免费QQ(http://shang.qq.com/v3/widget.html) ...

  9. 微信轻松接入QQ客服

    一直以来,大家都苦恼怎么实现微信公众帐号可以接入客服,也因此很多第三方接口平台也开发客服系统CRM系统,不过不是操作复杂就是成本太高.今天分享一个低成本又简便的方法,让你的公众帐号接入QQ客服.下面介 ...

随机推荐

  1. 基本项目框架搭建 sqlserver druid配置

    1.  我的连接池采用的是阿里云的druid的连接池,工具是IDEA 框架是springboot+maven 以下是我的项目框架结构 2. pom  中配置 <?xml version=&quo ...

  2. Jsp入门实战上

    前面讲了servlet入门实践现在开始介绍jsp入门实践,开发环境的搭建请参考我前面的tomcat的文章,jsp入门教程分为上下两部分,第一部分简单讲解:jsp语法的规范,以及三大编译指令,七个动作指 ...

  3. Python笔记之字典循环

    Python笔记之字典循环   1.问题 Python是一门比较好入门的编程语言,但是入门简单,当然坑也是有的,今天就来介绍一个我遇到的坑吧,也是很简单的一个,就是当时脑子有点转不过弯来了. 先看代码 ...

  4. JavaIO系统

    为了方便记忆,特将IO中涉及的类进行整理如下: 1.File类 提供了目录操作,查看文件属性等. 2.java IO类层次 面向字节流的类为InputStream.OutputStream:面向字符流 ...

  5. Python基础部分的疑惑解析——运算符和数据类型（5）

    运算符 最后得到数值的: 算数运算符 赋值运算符 最后得到布尔值的: 成员运算符:in   not in 逻辑运算符    and   or   没有优先级就是按顺序执行 比较运算符 数据类型 1.整 ...

  6. Oracle数据库学习（一）：虚拟机下Oracle Linux的安装与配置

    这篇博文主要以图片的形式讲述Oracle Linux在虚拟机下的安装与配置 一.前期虚拟机安装ISO文件的配置 1.创建新的虚拟机 2.选择“自定义(高级)”选项,下一步,默认“虚拟机硬件兼容性”或选 ...

  7. pytest+jenkins安装+allure导出报告

    环境安装: windows7+64位 pytest:4.0.2 allure的安装:allure的python库pytest-allure-adaptor jenkins的安装:2.138.2 JDK ...

  8. scrapy框架安装及使用

    一.Windows安装 Twisted下载及安装 在https://www.lfd.uci.edu/~gohlke/pythonlibs/ 下载对应的Twisted的版本文件 在命令行进入到Twist ...

  9. 获得自己电脑的SSH公匙

    关于什么是SSH请点击此"www.Baidu.com”网站了解 我这里只说怎么获取属于自己电脑的SSH公匙 本人是Win10电脑 所以相对来说简单一点  点击win ->选择设置-&g ...

  10. 布局优化之ViewStub、Include、merge使用分析

    布局技巧 在Android开发过程中,我们会遇到很多的问题,随着UI界面越来越多,布局的重复性.复杂度也随之增加,所幸的是,Android官方也给出了几个对布局进行优化的方法,下面根据自己的理解对官方 ...