说到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. c语言求方阵的行列式、伴随矩阵算法

    #include<stdio.h> #include<math.h> #define N 100 //N比输入的阶数大即可 int main() {   int n,a[N][ ...

  2. SSAS 收藏

    1.多事实表 SQL实现和SSAS中MDX实现的差异 2.层次结构 3.MDX常用几种查询对比 4.一段话理解 MDX中的Select .轴.COLUMNS.ROWS 5.[转载]MSDN-MDX#0 ...

  3. Collections.singletonList方法的使用

    方法注释 /** * Returns an immutable list containing only the specified object. * The returned list is se ...

  4. [转] 两个静态html页面传值方法的总结

    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/csdn_ds/article/details/78393564 问题 因最近尝试实现客户端与服务端分 ...

  5. （转）搞个这样的APP要多久？心酸啊。

    这是一个“如有雷同,纯属巧合”的故事,外加一些废话,大家请勿对号入座.开始了…… 我有些尴尬地拿着水杯,正对面坐着来访的王总,他是在别处打拼的人,这几年据说收获颇丰,见移动互联网如火如荼,自然也想着要 ...

  6. (转)调优 DB2 UDB v8.1 及其数据库的最佳实践

    原文:https://www.ibm.com/developerworks/cn/data/library/techarticles/dm-0404mcarthur/index.html 简介 性能是 ...

  7. Java 并发编程——Callable+Future+FutureTask

    Java 并发编程系列文章 Java 并发基础——线程安全性 Java 并发编程——Callable+Future+FutureTask java 并发编程——Thread 源码重新学习 java并发 ...

  8. Linux下mysql基础命令（一）

    1, 创建mysqld数据库的管理用户:             要把root用户设置为管理员,我们应该运行下面的命令:    # mysqladmin -u root password 密码 一般情 ...

  9. PHP之mb_strstr使用

    mb_strstr (PHP 5 >= 5.2.0, PHP 7) mb_strstr - Finds first occurrence of a string within another 查 ...

  10. centos6.5下安装zip格式的tomcat7和tomcat8，并同时运行

    前提: 我的tomcat7安装在 /home/hadoop/software/apache-tomcat-7.0.69, tomcat8安装在 /home/hadoop/software/apache ...