QQ客服列表

kaig

公司的客服列表，效果图如下：

 
代码就只贴JQUERY部分的，附件里有完整代码
 
<script type="text/javascript" src="jquery-1.3.2.js"></script><style type="text/css">#idczy_kefu img{border:0 ;}#idczy_kefu div{padding:0;text-align:center;}#idczy_kefu ul{list-style:none ;margin:0;}#idczy_kefu td{font-size:12px;text-align:center;}</style><div id="idczy_kefu" style="width:173px;">  <div><img src="images/kefu_top.gif" /></div> <div style="background-image:url(images/kefu_body.gif); background-repeat:no-repeat;"><table> <tr><td>销售客服</td></tr><tr><td><div id="qq1"><ul></ul></div><div style="color:red;"><a href= "msnim:chat?contact=idczy@msn.com" title="点击与我们交谈！"><img src="images/msn.gif" /></a></div></td></tr><tr><td>技术支持</td></tr><tr><td><div id="qq2"><ul></ul></div></td></tr><tr><td>代理加盟</td></tr><tr><td><div id="qq3"><ul></ul></div><div style="color:red;"><a href= "msnim:chat?contact=idczy@hotmail.com" title="点击与我们交谈！"><img src="images/msn.gif" /></a></div></td></tr><tr><td> </td></tr></table></div><script type="text/javascript">function QQ(id,nicker){this.id = id ;this.nicker = nicker ;}var arr_qq1 = [new QQ(372815651,"客服01"),new QQ(617672478,"客服02"),new QQ(136318290,"客服03"),new QQ(345926131,"客服04"),new QQ(549175802,"客服05"),new QQ(279105882,"客服06")] ;var arr_qq2 = [new QQ(327557880,"兆恒技术(白)"),new QQ(498381623,"兆恒技术(夜)")] ;var arr_qq3 = [new QQ(83997778 ,"代理加盟01"),new QQ(512108999,"代理加盟02")] ;var site_name="香港主机|香港服务器|香港服务器租用|美国虚拟主机|海外域名注册|海外企业邮箱" ;$(arr_qq1).each(function(i){$("#qq1 ul").append("<li><a href='tencent://message/?uin="+arr_qq1.id+"&Site="+site_name+"&Menu=yes'><img src='http://wpa.qq.com/pa?p=1:"+arr_qq1.id+":7'alt='点击与"+arr_qq1.nicker+"交谈' /></a></li>");});$(arr_qq2).each(function(i){$("#qq2 ul").append("<li><a href='tencent://message/?uin="+arr_qq2.id+"&Site="+site_name+"&Menu=yes'><img src='http://wpa.qq.com/pa?p=1:"+arr_qq2.id+":7'alt='点击与"+arr_qq2.nicker+"交谈' /></a></li>");});$(arr_qq3).each(function(i){$("#qq3 ul").append("<li><a href='tencent://message/?uin="+arr_qq3.id+"&Site="+site_name+"&Menu=yes'><img src='http://wpa.qq.com/pa?p=1:"+arr_qq3.id+":7'alt='点击与"+arr_qq3.nicker+"交谈' /></a></li>");});</script></div></div>