QQ在线客服的二种代码

最新推荐文章于 2011-12-09 09:22:30 发布
最新推荐文章于 2011-12-09 09:22:30 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： ajax/js/css 文章标签： qq border javascript function table menu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luobailian/article/details/5652482
版权

第一种：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.lanrentuku.com</title>
<LINK rev=stylesheet media=all href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<!-- 左隐藏菜单开始 -->
<SCRIPT language=JavaScript1.2>

function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop  += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top  += y;
}};

function position() {
document.object1.left += -200;
document.object1.top  += 0;
document.object1.visibility = "show"
};

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+100}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}

</SCRIPT>
<!-- 左隐藏菜单结束 -->

<!-- 左隐藏菜单BIG -->
<LAYER class=NS οnmοuseοver=move(580,0)
οnmοuseοut="move(-580, 0)" left="0" name="object1" visibility="hide" top="20">
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</SCRIPT>

<TABLE οnmοuseοver=move(120,0) onMouseOut="move(-120, 0)" cellSpacing=1
cellPadding=2 border=0>
  <TBODY>
  <TR>
    <TD>
      <STYLE type=text/css>BODY {
    MARGIN: 0px
}
</STYLE>

      <TABLE cellSpacing=0 cellPadding=0 width=118 align=center border=0>
        <TBODY>
        <TR>
          <TD><IMG height=160 alt=""
            src="images/servicepic_01.jpg" width=118
            border=0 name=servicepic_01></TD></TR>
        <TR>
          <TD>
            <TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0>
              <TBODY>
              <TR>
                <TD
                  background=images/servicepic_02.jpg><IMG
                  height=25 alt=""
                  src="images/servicepic_02.jpg"
                  width=14 border=0 name=servicepic_02></TD>
                <TD align=middle width=89 bgColor=#f8f6f7 height=25><A
                  href="tencent://message/?uin=123456789&amp;Site=懒人图库&amp;Menu=yes"
                  target=blank><IMG alt=点击这里给我发消息
                  src="images/10_online.gif"
                  border=0></A></TD>
                <TD
                  background=images/servicepic_04.jpg><IMG
                  height=25 alt=""
                  src="images/servicepic_04.jpg"
                  width=15 border=0
name=servicepic_04></TD></TR></TBODY></TABLE></TD></TR>
        <TR>
          <TD><IMG height=17 alt=""
            src="images/servicepic_05.jpg" width=118
            border=0 name=servicepic_05></TD></TR>
        <TR>
          <TD>
            <TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0>
              <TBODY>
              <TR>
                <TD
                  background=images/servicepic_06.jpg><IMG
                  height=24 alt=""
                  src="images/servicepic_06.jpg"
                  width=14 border=0 name=servicepic_06></TD>
                <TD align=middle width=89 bgColor=#f8f6f7 height=24><A
                  href="http://amos1.taobao.com/msg.ww?v=2&amp;uid=123456789&amp;s=1"
                  target=_blank><IMG alt=点击这里给我发消息
                  src="images/offline.gif"
                border=0></A></TD>
                <TD
                  background=images/servicepic_08.jpg><IMG
                  height=24 alt=""
                  src="images/servicepic_08.jpg"
                  width=15 border=0 name=servicepic_08></TD></TR>
              <TR>
                <TD
                background=images/servicepic_06.jpg>　</TD>
                <TD align=middle bgColor=#f8f6f7 height=35>
                  <TABLE cellSpacing=1 cellPadding=2 width="88%" align=center
                  bgColor=#ffa800 border=0>
                    <TBODY>
                    <TR>
                      <TD align=middle bgColor=#ffffff><A
                        href="http://www.lanrentuku.com/xbook/" target=_blank><SPAN
                        style="FONT-SIZE: 9pt">站点留言簿</SPAN></A></TD></TR></TBODY></TABLE></TD>
                <TD
                background=images/servicepic_08.jpg>　</TD></TR></TBODY></TABLE></TD></TR>
        <TR>
          <TD><IMG height=22 alt=""
            src="images/servicepic_09.jpg" width=118
            border=0 name=servicepic_09></TD></TR></TBODY></TABLE></TD>
    <TD vAlign=top align=middle width=12 rowSpan=100><IMG height=109
      src="images/kefu.gif" width=20> </TD></TR>
  <SCRIPT language=JavaScript1.2>
<!--
if (document.all||document.layers)
makeStatic();

if (document.layers) {
window.οnlοad=position;
}

var sitems=new Array();
var sitemlinks=new Array();

function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></SCRIPT>
  </TBODY></TABLE>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<//DIV>')
</SCRIPT>
</LAYER>
<!-- 左隐藏菜单END -->
<table width="41%" height="306" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="22%" height="306">&nbsp;</td>
    <td width="78%">＊感谢网友：非常可乐<br />
      <br />
＊代码整理：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a><br />
<br />
＊尊重他人劳动成果，转载请自觉注明出处！ </td>
  </tr>
</table>
</body>
</html>

第二种:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>QQ在线客服代码演示</title>
</head>
<BODY>
<DIV id=divStay style="height:1500px"><br>
感谢懒人/№True☆Lies投稿　代码整理：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a>　
<p>＊尊重他人劳动成果，转载请自觉注明出处！
</p>
<p>注：此代码仅供学习交流，请勿用于商业用途。</p>
</DIV>

<SCRIPT language=javascript>
function picsize(obj,MaxWidth){
  img=new Image();
  img.src=obj.src;
  if (img.width>MaxWidth)
  {
    return MaxWidth;
  }
  else
  {
    return img.width;
  }
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
var online= new Array();
</SCRIPT>

<DIV id=divStayTopleft style="POSITION: absolute">
<TABLE cellSpacing=0 cellPadding=0 width=109 border=0>
  <TBODY>
  <TR>
    <TD colSpan=3><A οnclick=CloseQQ() href="javascript:;" shape=circle
      coords=91,16,12><IMG height=34 src="images/qq_top.gif" width=109
      useMap=#Map border=0></A></TD></TR>
  <TR>
    <TD width=6 background="images/qq_life.gif"></TD>
    <TD vAlign=top width=96 background="">
      <TABLE cellSpacing=0 cellPadding=0 width=90 align=center border=0>
        <TBODY>
        <TR>
          <TD height=30>
            <TABLE cellSpacing=0 cellPadding=0 width=90 border=0>
              <TBODY>
              <TR>
                <TD><IMG height=13 src="images/qq_ico1.gif"
                  width=16><SPAN class=font_12> <SPAN
                  style="FONT-SIZE: 9pt">客户服务</SPAN></SPAN></TD></TR></TBODY></TABLE></TD></TR>
        <TR>
          <TD>
            <TABLE id=table47 cellPadding=2 width="100%" border=0>
              <TBODY>
              <TR>
                <TD vAlign=top width=15 height=23><IMG height=16
                  src="images/qq_v01.gif" width=16 border=0></TD>
                <TD vAlign=bottom>
                  <SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=在线客服></a>");</SCRIPT>
                </TD></TR></TBODY></TABLE></TD></TR>
        <TR>
          <TD></TD></TR>
        <TR>
          <TD>
            <TABLE id=table47 cellPadding=2 width="100%" border=0>
              <TBODY>
              <TR>
                <TD vAlign=top width=15 height=23><IMG height=16
                  src="images/qq_n01.gif" width=16 border=0></TD>
                <TD vAlign=bottom>
                  <SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=在线客服></a>");</SCRIPT>                </TD></TR>
              <TR>
                <TD vAlign=top height=23><IMG height=16
                  src="images/qq_n01.gif" width=16 border=0></TD>
                <TD vAlign=bottom><SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=在线客服></a>");</SCRIPT></TD>
              </TR>
              <TR>
                <TD vAlign=top height=23><IMG height=16
                  src="images/qq_v01.gif" width=16 border=0></TD>
                <TD vAlign=bottom><SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=在线客服></a>");</SCRIPT></TD>
              </TR>
              <TR>
                <TD vAlign=top height=23><IMG height=16
                  src="images/qq_v01.gif" width=16 border=0></TD>
                <TD vAlign=bottom><SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:43486831:10 alt=在线客服></a>");</SCRIPT>  </TD>
              </TR>
              <TR>
                <TD vAlign=top height=23><IMG height=16
                  src="images/qq_n01.gif" width=16 border=0></TD>
                <TD vAlign=bottom><SCRIPT>document.write("<a target=blank href=tencent://message/?uin=123456789&Site=在线客服&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=在线客服></a>");</SCRIPT></TD>
              </TR>
              </TBODY></TABLE></TD></TR>
        <TR>
          <TD></TD></TR></TBODY></TABLE></TD>
    <TD width=7 align="left" background="images/qq_right.gif"></TD>
  </TR>
  <TR>
    <TD colSpan=3><IMG height=30 src="images/qq_bottom1.gif"
  width=109></TD></TR>
  <TR>
    <TD colSpan=3><IMG height=33 src="images/qq_logo.gif"
  width=109></TD></TR></TBODY></TABLE></DIV>
<SCRIPT type=text/javascript>
function FloatTop()
{
 var startX1 =document.body.offsetWidth-125 ,startY1 = 5;
 var startX2 =0,startY2 = 95;
 var ns = (navigator.appName.indexOf("Netscape") != -1);
 var d = document;
 function ml(id,startX,startY)
 {
  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x;this.style.top=y;};
  el.x = startX;
  el.y = startY;
  return el;
 }
 window.stayTopLeft=function()
 {
  var pY = ns ? pageYOffset : document.body.scrollTop;
  ftlObj.y += (pY + startY1 - ftlObj.y)/8;
  ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;
  ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);
  ftlObj1.sP(ftlObj1.x, ftlObj1.y);
  setTimeout("stayTopLeft()", 30);
 }
//  ftlObj = ml("divStay",document.body.scrollLeft+document.body.offsetWidth-125,0);
//  ftlObj1 = ml("divStayTopLeft",0,30);
 ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0);
 ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);
 stayTopLeft();
}
FloatTop();
</SCRIPT>
<!--End: QQ在线客服 -->

</body>
</html>

罗白莲
关注
专栏目录
html在线客服,网页在线客服代码_jQuery QQ客服
weixin_30050671的博客
05-31 1308
jquery悬浮的在线客服代码$(document).ready(function(){$("#floatShow").bind("click",function(){$("#onlineService").animate({width:"show", opacity:"show"}, "normal" ,function(){$("#onlineService").show();});$("#f...
网页右侧QQ在线客服悬浮JS代码
03-07
网页QQ在线聊天，QQ在线客服，js实现QQ在线聊天,网页右侧QQ在线客服悬浮JS代码,qq客服js代码，漂浮形式的，显示在网页右边，精简代码，容易看懂。
QQ在线客服代码
03-11
jQuery网页右侧固定悬浮层qq在线客服，服务热线，扫一扫二维码，购物车、页面滚动返回顶部代码。
在线客服QQ代码
魔拉宝
05-25 8435
第一种特效：腾讯qq互动状态代码&自动识别在线状态将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，"互动状态"给您更便捷的交互体验。 步骤如下： 一、打开腾讯qq互动状态代码生成页http://is.qq.com/webpresence/code.shtml按步骤生成自己的QQ/TM代码二、用网页制作工具或记事本（
qq在线客服代码
kingisking1的专栏
12-06 1666
 document.write("");uin后接qq号点击图片会显示tencent://message/?uin=690857514&Site=在线客服&Menu=yes
qq客服代码
编程百科-北京
09-26 427
qq客服代码 http://files.cnblogs.com/wangdetian168/1-100410151Z7.rar
可以自动弹出信息的QQ在线客服js代码
11-21
效果为一打开相关网页,在网页右侧立即产生一QQ客服,过2-3钞后网页中央出现另一个客服,出现请问,有什么可以帮到你吗类似的提示.
MSN,QQ浮动在线客服代码-完整的在线客服源码特效下载
06-26
下载附件解压缩后直接把kefu这个目录放在网站根目录下，然后在网站中调用下面的代码： <link href="/kefu/kf_2/images/qq.css" rel...内置4个浮动QQ客服风格模版，只需要把上面代码中的kf_2替换为对应风格目录就可以了
php所写的qq在线客服代码
03-03
【PHP编写的QQ在线客服代码】是...总的来说，PHP编写的QQ在线客服代码是一个综合运用多种技术实现的实时交流平台，涉及到后端处理、前端交互、数据存储、安全性等多个方面，为网站提供了一种便捷的与访客沟通的方式。
QQ在线客服状态代码
08-02
使用方法：只需把你需要显示页面的<body>和</body>间的代码复制到你需要放QQ客服的页面，然后将images文件夹中的图片放到相关目录就可！ 特别申请，我是根据网上asp版改的！ 支持：html,asp,php,jsp,采用js实现。
QQ在线客服系统代码
03-31
网站QQ在线客服系统大全，可移动、可拖动以及固定的全有。
Qq客服代码
04-26
缓冲向左弹出的网页右侧边栏Qq客服代码缓冲向左弹出的网页右侧边栏Qq客服代码
qq在线客服代码，客服js代码
05-29
qq客服js代码，漂浮形式的，显示在网页右边，精简代码，容易看懂。
最简单的QQ客服代码
05-05
这里QQ客服代码，你可以从这里下载，还在为做QQ客服代码烦恼吗？
qq 在线客服代码
dangerous_fire的专栏
12-09 5486
把以下代码嵌入到网页中，可以实现在线客服的效果。代码是腾讯提供的。  开通“QQ在线状态”后，您可以通过张贴代码在更多网站生成“QQ在线状态”按钮。 同时，您可在“设置”页面管理以下内容，且不需要重新张贴代码。 1）设置临时会话发送文件（包括截图）、进行语音或视频沟通的能力。 2）开启或关闭来自某网站的临时会话，设置网站黑、白名单。 3）屏蔽来自某QQ号码发起的临时会话。 4）设置接收
实现右侧悬浮QQ在线客服代码示例
在线客服（QQ）源码是一种用于网站或应用程序集成的代码片段，它允许用户通过弹出式对话框与客服人员进行实时交流，提升用户体验并促进客户支持。这个特定的源码主要关注的是实现一个右侧悬浮的QQ在线客服功能，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值