经常在各大网站尤其是培训网站或销售网站看到一个浮动的QQ客服列表，它会在你一开始打开页面的时候弹出，直到你关闭网站为止。这个看起来有点神秘，其实真正做起来并不复杂。请看下面的主要代码：
function QQClient(id,title){
this.id = id ;
this.title = title ;
}
var qq_arr1 = [new QQClient(454364181,"客服01"),
new QQClient(154709253,"客服02"),
new QQClient(1035227484,"客服03")] ;
var qq_arr2 = [new QQClient(454364181,"技术支持(白)"),
new QQClient(154709253,"技术支持(夜)")] ;
var desc="Web应用|Wordpress|外语学习|电脑技术|程序设计|移动开发" ;
$(qq_arr1).each(function(i){
$("#qq1 ul").append("
<li><a href='tencent://message/?uin="+qq_arr1[i].id+"&Site="+desc+"&Menu=yes'><img src='http://wpa.qq.com/pa?p=1:"+qq_arr1[i].id+":7'alt='点击与"+qq_arr1[i].title+"交谈' /></a></li>
");
});
$(qq_arr2).each(function(i){
$("#qq2 ul").append("<li><a href='tencent://message/?uin="+qq_arr2[i].id+"&Site="+desc+"&Menu=yes'><img src='http://wpa.qq.com/pa?p=1:"+qq_arr2[i].id+":7'alt='点击与"+qq_arr2[i].title+"交谈' /></a></li>");
});
使用时只要把这段代码放到一个div层里，然后设定他的相对位置就可以了，点击这里看Demo。
本Blog文章除特别声明之外皆为原创文章，欢迎转载，转载请注明： 转载自JSSAY'S BLOG