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 ο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="data: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="data: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&Site=懒人图库&Menu=yes"
target=blank><IMG alt=点击这里给我发消息
src="data:images/10_online.gif"
border=0></A></TD>
<TD
background=images/servicepic_04.jpg><IMG
height=25 alt=""
src="data:images/servicepic_04.jpg"
width=15 border=0
name=servicepic_04></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD><IMG height=17 alt=""
src="data: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="data: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&uid=123456789&s=1"
target=_blank><IMG alt=点击这里给我发消息
src="data:images/offline.gif"
border=0></A></TD>
<TD
background=images/servicepic_08.jpg><IMG
height=24 alt=""
src="data: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="data: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="data: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"> </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="data: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="data: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="data: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="data: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="data: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="data: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="data: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="data: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="data:images/qq_bottom1.gif"
width=109></TD></TR>
<TR>
<TD colSpan=3><IMG height=33 src="data: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>
QQ在线客服的二种代码，感觉很不错相关推荐
- php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例，网页右侧悬浮滚动QQ在线客服 - phpStudy...
网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...
- (转)QQ在线客服代码
QQ在线客服代码 2007-11-13 10:04 1. http://is.qq.com/cgi-bin/webpresence/wpa_code?uin=+你的QQ号码: < ...
- QQ在线客服代码，飘浮在右侧的QQ客服js特效演示
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 最简单明了的QQ在线客服代码
最近老用来QQ在线客服代码,网上找的都不太顺手,自己写一个简单,只上下飘动. 源码下载:网站被封了,源码下载不了,但是这个源码很简单,相信有点基础的人都知道怎样用. floatAd.js代码如下: v ...
- QQ在线客服JS代码，自适应漂浮在网页右侧
漂浮在网页右侧的QQ在线客服代码,自适应浏览器调试,当你拖动滚动条的时候它会自动计算始终漂浮于某一位置,而且是动画特效,很不错,你也可以把它改成一个漂浮广告,只用换掉表格里的内容就可以了. <h ...
- 浮动QQ在线客服,MSN在线代码|QQ在…
腾讯qq互动状态代码生成页 http://is.qq.com/webpresence/code.shtml 即时通讯如雅虎通,腾讯QQ,微软MSN,AOL ICQ,goolge TALK,阿里巴巴贸易 ...
- 简洁美观QQ在线客服漂浮窗口代码
偶然在网上看到了一个简洁清新的QQ在线客服聊天浮窗,想到以后这东西用的很多,就顺手偷了过来,以后需要了直接拿过来用就行了~~~~在此顺便分享一下~~~ 这个聊天窗口的核心是QQChat.js文件,网页 ...
- pc端_移动端_H5_ QQ在线客服链接代码
强烈推荐: http://wpa.qq.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes PC端:QQ在线客服链接代码 <a h ...
- java 在线qq客服_jquery实现漂浮在网页右侧的qq在线客服插件
很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 $(function(){ $("body").Sonl ...
最新文章
- 请说明在.net中常用的几种页面间传递参数的方法，并说出他们的优缺点。
- C++中的运算符优先级
- 社死，客户现场网络一直ping不通咋办？
- python列表的增删改查
- B1208 [HNOI2004]宠物收养所 平衡树||set （滑稽）
- 纠正一个错误，分布式系统关注点第17篇
- blockly自定义中文出问题_[BlocklyNukkit入门]#5自定义物品
- 开源Scout攻击检测工具
- 再见2012,你好2013,总结愿望
- Linux守护进程(init.d和xinetd)
- 黑客第二课：脱屌第一步 —— Vim Fundamentals
- python找不到解释器_为什么pycharm找不到python解释器
- 稳坐青梅零食第一宝座，溜溜梅凭什么？
- 毕业设计--球上自平衡机器人
- Mac 配置教程-开发篇
- Linux服务器之间使用scp免密传输文件
- 内存自动清理.sql
- 通达信大智慧联动到同花顺单独下单工具下单
- 【虹科ELPRO - EMS系统】实现苏州某医药仓库温湿度自动监测 - 100% GxP合规（下）
- 树的直径，树的重心，树的分冶