QQ在线客服的二种代码

第一种:

<!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 onmouseover=move(580,0)
onmouseout="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 onmouseover=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.onload=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 onclick=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>

阅读更多
个人分类: ajax/js/css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭