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 ...
最新文章
- 语义分割--ParseNet: Looking Wider to See Better
- Silverlight中的拖拽实现的图片上传---1
- Linux内核链表交换节点,[笔记]Linux内核链表:结点的插入、删除以及链表的遍历...
- java 基础之 null 与 “”
- php代码审计2全局变量和超全局变量
- Vista开发之旅:微软开发技术20年回顾
- 让ASP.NET Core支持GraphQL之-GraphQL的实现原理
- Android setColor
- [剑指offer][JAVA]面试题第[18]题[删除链表的节点]
- 大数据-Hadoop 3.3.1安装详解
- 关于BeanUtils.copyProperties的用法和优缺点
- mysql配置命令大全_MySQL常用命令汇总
- dmx512协议的编程c语言,我在此分享一份DMX512协议的发送程序,希望对做灯光控制的人有一定的帮助(我测试过了跟DMX512控制台发出的方波是一样一样的)...
- 三维点云语义分割基础知识
- 首次使用阿帕奇下的ab测压工具测试程序
- vue二维码生成可自定义logo
- Linux 下 find(文件查找)命令的用法总结
- 我们应当怎样做需求确认:快速原型法
- 各种常用计算机视觉库 2
- 那些支持我学习与工作的良师益友