说到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. RHEL配置本地yum

    RHEL(即Red Hat Enterprise Linux的缩写)配置本地yum 提前将 rhel-server-6.7-x86_64-dvd.iso 文件上传到服务器上 1.在根目录创建文件夹/m ...

  2. leetcode-896-单调数列

    题目描述: 如果数组是单调递增或单调递减的,那么它是单调的. 如果对于所有 i <= j,A[i] <= A[j],那么数组 A 是单调递增的. 如果对于所有 i <= j,A[i] ...

  3. 《Implementing QuantLib》译后记

    目录 <Implementing QuantLib>译后记 初心 瞎忙 收获 彩蛋 展望 就在几天之前,经历了一年时间断断续续的坚持,<Implementing QuantLib&g ...

  4. 把一个集合自定转成json字符串

    List<CityData> listData =new List<CityData>(); //把一个集合自定转成json字符串. foreach (var city in ...

  5. CentOS 7 安装过程中设置网络

    如果在安装过程中需要使用网络,需要启动网卡,默认是DHCP 点击configure进入设置 General 常规设置 Automatically connect to this network whe ...

  6. git 远程库和url

    我们使用 git remote add origin <url> 来关联远程主机,这个origin就是关联的远程主机名,如果我们想同时关联两个远程主机,我们可以用 git remote a ...

  7. Vue项目开发目录结构

    最近做一些CI+Vue开发的简单项目,由于刚开始一直从事后端,对Vue了解不是很多,fork了团队的项目代码发现项目的文件夹很多,一时间有些懵,上网上参考了部分资料,博客园中的放晴的天空与狮子爱吃草两 ...

  8. springcloud eureka注册中心 高可复用。

    1:新建两个注册中心项目(名称都为:spring-cloud-eureka,只是端口分别为8000.8001 ).两个注册中心相互注册对方. 2:两个注册中心都启动后,则对方服务列表都有对方的服务. ...

  9. Linux下ls命令使用详解（转）

    说明:我们在linux下使用ll时,其实就是ls -l.ls才是最终的命令程序. ls命令是linux下最常用的命令之一,ls跟dos下的dir命令是一样的都是用来列出目录下的文件,List即列表的意 ...

  10. vue中的双向数据绑定详解

    前言 什么是数据双向绑定? vue是一个mvvm框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化.这也算是vue的精髓之处了.值得注意的是,我 ...