|
最新【层和布局】QQ在线客服代码,支持客服分类
以下是三零网为大家整理的最新【层和布局】QQ在线客服代码,支持客服分类的文章，希望大家能够喜欢!
功能不错的QQ在线客服代码，打开网页后悬停在网页右侧，不少的IDC网站有这种效果，它可以把您的QQ客服分门别类，让用户更能找到他需要的客服，可能比较实用。
<html>
<head>
<title>支持分类的QQ在线客服</title>
<style>
body,td{font-size:9pt;}
</style>
</head>
<body>
<script>
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>
<div id="test" style="height:800px;"></div>
<div id="servicesbox" style="width:890px;margin-left:auto;margin-right:auto;">
<div style="float:right;width:1px;">
<div id=backi style="Z-INDEX: 1;WIDTH: 100px; POSITION: absolute; TOP: 50px; HEIGHT:auto">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="/jscss/demoimg/200909/ask_pic_01.gif" style="float:left;margin:0px;"></td>
</tr>
<tr>
<td><a href="#" onClick="window.open('/','JoycatServiceWindow','resizable=no,width=700,height=472');" id="53kfwindowlinkbutton" style="float:left;margin:0px;"><img src="/jscss/demoimg/200909/kfol_icon.gif" border="0" style="float:left;margin:0px;"></a></td>
</tr>
<tr>
<td align="center" background="/jscss/demoimg/200909/ask_pic_02.gif">
<table width="94" border="0" cellspacing="0" cellpadding="0" style="float:right;padding-right:3px;">
<tr>
<td><img src="/jscss/demoimg/200909/ask_pic_04.gif" width="94" height="17"></td>
</tr>
<tr>
<td align="center" style="padding:6px 0;"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" align="right"><a target=blank href=tencent://message/?uin=601033355&Site=www.baidu.com&Menu=yes><img src=http://wpa.qq.com/pa?p=1:601033355:4 alt="601033355" hspace="2" border="0" align="absmiddle">601033355</a></td>
</tr>
<tr>
<td height="25" align="right"><a target=blank href=tencent://message/?uin=601033388&Site=www.qq.com&Menu=yes><img src=http://wpa.qq.com/pa?p=1:601033388:4 alt="601033388" hspace="2" border="0" align="absmiddle">601033388</a></td>
</tr>
<tr>
<td height="25" align="right"><a target=blank href=tencent://message/?uin=601033399&Site=www.baidu.com&Menu=yes><img src=http://wpa.qq.com/pa?p=1:601033399:4 alt="601033399" hspace="2" border="0" align="absmiddle">601033399</a></td>
</tr>
</table> </td>
</tr>
<tr>
<td><img src="/jscss/demoimg/200909/ask_pic_05.gif" width="94" height="17"></td>
</tr>
<tr>
<td align="center" style="padding:6px 0;"> <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" align="right"><a target=blank href=tencent://message/?uin=270101166&Site=www.qq.com&Menu=yes><img src=http://wpa.qq.com/pa?p=1:270101166:4 alt="270101166" hspace="2" border="0" align="absmiddle">270101166</a></td>
</tr>
<tr>
<td height="25" align="right"><a title="三零技术网客服（赵）点击咨询" target=blank href=tencent://message/?uin=270102266&Site=www.baidu.com&Menu=yes><img src=http://wpa.qq.com/pa?p=1:270102266:4 hspace="2" border="0" align="absmiddle">270102266</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="/jscss/demoimg/200909/ask_pic_06.gif" width="94" height="17"></td>
</tr>
<tr>
<td align="center" style="padding:6px 0;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="msnim:chat?contact=msn@joycat.cn" target="_blank"><img src="/jscss/demoimg/200909/msn_message_button.gif" border="0" width="73" height="27"></a></td>
</tr>
<tr>
<td align="center" style="padding:4px 0;font-size:12px;"><a href="javascript:alert('直接在百度HI添加joe2046为好友即可开始交谈');" title="直接在百度HI添加joe2046为好友即可开始交谈"><img src="/jscss/demoimg/200909/baidu_hi_button.gif" border="0" width="73" height="27"></a></td>
</tr>
<tr>
<td align="center" style="padding:4px 0;font-size:12px;"><a href="javascript:OpenClose('');" style="cursor:help;" title="跟踪式在线帮助，为你提供周到的服务。"><img src="/jscss/demoimg/200909/help_icon.gif" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="/jscss/demoimg/200909/ask_pic_03.gif" style="float:left;margin:0px;"></td>
</tr>
</table>
</div>
</div>
<script language="JavaScript1.1">
function heartBeat(){
diffY=GetScrollTop();
mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+50)*0.1);
document.getElementById('backi').style.top = mymovey+"px";
}
window.setInterval("heartBeat()",1);
</script>
</body>
</html> |
|
