qq在线客服小插件

搜索

您当前位置：首页 > 文章中心 > 网页编程 > Javascript

【Javascript】

下载

新闻

文章

因工作需要制作的一个小小QQ在线客服插件

这是效果图片。使用方法是在网页的底部添加<script type="text/javascript" src="qq/qq.js"></script>代码。

同时把qq.js代码贴出吧：

/*设置*/
var qq_arry=[10000,12345678,12345678]; //设置QQ号数组
var qq_name=["经理","客户一","客户二"]; //设置QQ号名称数组
/*
如果要设置位置请修改#qq_div,#min_qq的CSS样式
top:0;left:0;     [左顶部]
top:45%;left:0;   [左居中]
bottom:0;left:0;  [左底部]
top:0;right:0;    [右顶部]
top:45%;right:0;  [默认右居中]
bottom:0;right:0; [右底部]
*/
var $=function($){return document.getElementById($)}
function writeCookie(_, C) {
    exp = new Date();
    exp.setTime(exp.getTime() + (86400 * 1000 * 30));
    document.cookie = _ + "=" + escape(C) + "; expires=" + exp.toUTCString() + "; path=/"
}
function get_Cookie(A) {
    var B = document.cookie;
    var C = B.indexOf(A + "=");
    if (C == -1) return null;
    C += A.length + 1;
    var _ = B.indexOf(";", C);
    if (_ == -1) return unescape(B.substring(C));
    return unescape(B.substring(C, _));
}
function clear_qq(i){
  if(i==0){
    $("qq_div").style.display="none";
    $("min_qq").style.display="block";
  }else{
    $("min_qq").style.display="none";
    $("qq_div").style.display="block";
  }
	writeCookie("qq",i);
}
document.write ('<style>#qq_div{top:45%;right:0;position:fixed;display:none;width:114px;text-align:left;}#min_qq{top:45%;right:0;position:fixed;display:none;width:26px;height:84px;cursor:pointer;background:url(qq/min_qq.png) no-repeat;}#qq_top{height:26px;background:url(qq/qq.png) no-repeat;}#qq_top img{float:right;cursor:pointer;margin:7px 7px 0 0;}.qq_mid{font-size:12px;height:22px;background:url(qq/qq.png) no-repeat 0 -26px;padding-left:32px;padding-top:9px;}.qq_mid a{color:#333;text-decoration:none;}#qq_foot{height:28px;background:url(qq/qq.png) no-repeat 0 -56px;}</style>');
document.write ('<div id="qq_div">');
document.write ('<div id="qq_top"><img src="qq/qq_c.jpg" width="13" height="13" onclick="clear_qq(0)" alt="关闭" /></div>');
for(var i=0;i<qq_arry.length;i++){
document.write ('<div class="qq_mid"><a target="blank" href="tencent://message/?uin='+qq_arry[i]+'&Site=www.scscms.com&Menu=yes" >'+qq_name[i]+'</a></div>');
}
document.write ('<div id="qq_foot"></div>');
document.write ('</div><div id="min_qq" onclick="clear_qq(1)"></div>');

if(get_Cookie("qq")==0){
    $("qq_div").style.display="none";
    $("min_qq").style.display="block";
  }else{
    $("min_qq").style.display="none";
    $("qq_div").style.display="block";
}

附件下载：FUploadFile/File/2012-2/qq.rar