QQ在线客服JS代码，自适应漂浮在网页右侧
漂浮在网页右侧的QQ在线客服代码，自适应浏览器调试，当你拖动滚动条的时候它会自动计算始终漂浮于某一位置，而且是动画特效，很不错，你也可以把它改成一个漂浮广告，只用换掉表格里的内容就可以了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>QQ在线客服</title>
</head>
<body>
<DIV id=divStay style="POSITION: absolute">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="7%"></TD></TR></TBODY></TABLE></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">
<tr>
<td colspan="3">
<a οnclick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">
<img height="34" src="http://www.codefans.net/jscss/demoimg/qq_top.gif" width="109" usemap="#Map" border="0"></a></td>
</tr>
<tr>
<td width="6"><img height="100" src="http://www.codefans.net/jscss/demoimg/qq_life.gif" width="6"></td>
<td valign="top" width="96" background="sto/qq_bg.gif">
<table cellspacing="0" cellpadding="0" width="90" align="center" border="0">
<tr>
<td height="30">
<table cellspacing="0" cellpadding="0" width="90" border="0">
<tr>
<td>
<img height="13" src="http://www.codefans.net/jscss/demoimg/qq_ico1.gif" width="16"><span class="font_12">
<span style="font-size: 12px">在线客服</span></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellpadding="2" id="table47">
<tr>
<td width="15" valign="top" height="23">
<img border="0" src="http://www.codefans.net/jscss/demoimg/qq_v01.gif" width="16" height="16"></td>
<td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=123456&Site=源码爱好者&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=[源码爱好者]></a>");</script></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellpadding="2" id="table47">
<tr>
<td width="15" valign="top" height="23">
<img border="0" src="http://www.codefans.net/jscss/demoimg/qq_n01.gif" width="16" height="16"></td>
<td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=123456&Site=源码爱好者&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:43486831:10 alt=[源码爱好者]></a>");</script></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</td>
<td width="7"><img height="100" src="http://www.codefans.net/jscss/demoimg/qq_right.gif" width="7"></td>
</tr>
<tr>
<td colspan="3">
<img height="30" src="http://www.codefans.net/jscss/demoimg/qq_bottom1.gif" width="109"></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.codefans.net" target="_blank"><img height="33" src="http://www.codefans.net/jscss/demoimg/qq_logo.gif" width="109" border="0"></a></td>
</tr>
</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)/2+379,0);
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);
stayTopLeft();
}
FloatTop();
</script>
<!--End -->
<table><tr><td height="800"></td></tr></table>
</body>
</html>
转载于:https://www.cnblogs.com/zhdonghu/archive/2010/06/23/1763612.html
QQ在线客服JS代码，自适应漂浮在网页右侧相关推荐
- php 网站在线客服插件,jquery实现漂浮在网页右侧的qq在线客服插件示例_jquery
很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 css样式: /*默认蓝色*/ .SonlineBox{ width:162 ...
- pc端_移动端_H5_ QQ在线客服链接代码
强烈推荐: http://wpa.qq.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes PC端:QQ在线客服链接代码 <a h ...
- QQ在线客服代码，飘浮在右侧的QQ客服js特效演示
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 简洁美观QQ在线客服漂浮窗口代码
偶然在网上看到了一个简洁清新的QQ在线客服聊天浮窗,想到以后这东西用的很多,就顺手偷了过来,以后需要了直接拿过来用就行了~~~~在此顺便分享一下~~~ 这个聊天窗口的核心是QQChat.js文件,网页 ...
- php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例，网页右侧悬浮滚动QQ在线客服 - phpStudy...
网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...
- 最简单明了的QQ在线客服代码
最近老用来QQ在线客服代码,网上找的都不太顺手,自己写一个简单,只上下飘动. 源码下载:网站被封了,源码下载不了,但是这个源码很简单,相信有点基础的人都知道怎样用. floatAd.js代码如下: v ...
- (转)QQ在线客服代码
QQ在线客服代码 2007-11-13 10:04 1. http://is.qq.com/cgi-bin/webpresence/wpa_code?uin=+你的QQ号码: < ...
- QQ在线客服的二种代码，感觉很不错
第一种: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- java 在线qq客服_jquery实现漂浮在网页右侧的qq在线客服插件
很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: jquery实现qq客服 $(function(){ $("body").Sonl ...
最新文章
- Topcoder SRM 657DIV2
- Verilog 中输入输出信号的类型？
- python xpath语法-Python爬虫——bs4、xpath基本语法
- Ubuntu：Ubuntu系统下在pycharm软件内配置anaconda环境(一张图轻松搞定！)
- 怎么看rx580是不是470刷的_怎么看钻石是不是奶咖钻，钻石证书上可以看出奶咖钻石吗...
- rabbitmq消息可靠投递(理论)
- php nsdata,在iPhone中加密nsdata并在php中解密
- php直销二叉树,PHP二叉树递归算法
- 从产品展示页面谈谈Hybris系列之二: DTO, Converter和Populator
- 数学--数论--随机算法--Pollard Rho 大数分解算法（纯模板带输出）
- .NET西安社区 [拥抱开源，又见 .NET] 活动简报
- php项目私有化部署保护代码,ThinkPHP项目安全配置解决方案
- 第三节 整型和浮点型
- 0.计划用libgdx写一个六边形回合制slg兵棋游戏
- How Google Tests Software.pdf
- 【知识图谱系列】动态时序知识图谱EvolveGCN
- 弘辽科技：淘宝电商创业的生存法则，你知道吗？
- 基于中医药知识图谱智能问答(二)
- Travis CI 简介
- 百度小程序版帝国cms插件