浮动QQ在线客服&网站QQ在线咨询

最新推荐文章于 2024-09-01 12:12:11 发布
最新推荐文章于 2024-09-01 12:12:11 发布
阅读量224 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/itecho/archive/2008/10/08/1306063.html

浮动QQ在线客服&网站QQ在线咨询

第一步：先把以下代码保存为kefu.htm

第二步：按橙色说明修改

绿色部分是要修改的内容，html文档中不包括说明文字：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link rel="stylesheet" href="images/ im.css" type="text/css">

</head>

<script>

var online= new Array();

if (!document.layers)

document.write('<div id="divStayTopLeft" style="position:absolute">')

</script>

<layer id="divStayTopLeft">

<table border="0" width="110" cellspacing="0" cellpadding="0">

<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr>

<script src="

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=center><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

</script >

</td></tr>

 

以下部分显示第2个客服QQ，注意：online[1]

<tr><td valign=middle  background=images/kefu_middle.gif>

<script>

if (online[1]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=center><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='客服不在线，请留言'>技术支持</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=center><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

</script >

</td></tr>

 

以下部分显示第3个客服QQ，注意：online[2]。

<tr><td valign=middle  background=images/kefu_middle.gif>

<script>

if (online[2]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=center><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='客服不在线，请留言'>代理合作</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=center><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

</script >

</td></tr>

 

多个QQ，按以上规律复制上面的代码后修改online[0] 中的数字（第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2]，以此类推）和QQ号（每组代码中有2处位置改为QQ号、2处位置改为昵称）。

 

<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>

</table>

</layer>

<script type="text/javascript">

//Enter "frombottom" or "fromtop"

var verticalpos="frombottom"

if (!document.layers)

document.write('</div>')

function JSFX_FloatTopDiv()

{

下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。

       var startX =3,

       startY = 250;

       var ns = (navigator.appName.indexOf("Netscape") != -1);

       var d = document;

       function ml(id)

       {

              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;

              if (verticalpos=="fromtop")

              el.y = startY;

              else{

              el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

              el.y -= startY;

              }

              return el;

       }

       window.stayTopLeft=function()

       {

              if (verticalpos=="fromtop"){

              var pY = ns ? pageYOffset : document.body.scrollTop;

              ftlObj.y += (pY + startY - ftlObj.y)/8;

              }

              else{

              var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

              ftlObj.y += (pY - startY - ftlObj.y)/8;

              }

              ftlObj.sP(ftlObj.x, ftlObj.y);

              setTimeout("stayTopLeft()", 10);

       }

       ftlObj = ml("divStayTopLeft");

       stayTopLeft();

}

JSFX_FloatTopDiv();

</script>

</html>

第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。

kefu_middle.gif

kefu_down.gif

QQonline.gif

QQoffline.gif

第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->

 

 （参考网上代码及腾讯互动服务改编）

 

转载于:https://www.cnblogs.com/itecho/archive/2008/10/08/1306063.html

html在线客服,网页在线客服代码_jQuery QQ客服
weixin_30050671的博客
05-31 1519
jquery悬浮的在线客服代码$(document).ready(function(){$("#floatShow").bind("click",function(){$("#onlineService").animate({width:"show", opacity:"show"}, "normal" ,function(){$("#onlineService").show();});$("#f...
可浮动QQ在线客服
09-06
&quot;可浮动QQ在线客服&quot; 本资源提供了一个漂亮的QQ在线客服代码，推荐使用。该代码使用JavaScript实现了一个漂浮层，能够根据屏幕的宽度和高度自动调整位置，提供了灵活的布局方式。 知识点1：JavaScript实现浮动层 ...
php实现qq在线客服,可浮动QQ在线客服
weixin_30769779的博客
03-22 347
(function(){QQMenuInt=_QQMenuInt;moveQQmenu=_moveQQmenu;function _QQMenuInt(){QQMenu.style.position="absolute";QQMenu.style.display="";if(parseInt(document.documentElement.offsetWidth)&gt;1024){QQMenu...
qq在线模板html,浮动在网页右侧的简洁QQ在线客服
weixin_36231975的博客
06-03 315
浮动在网页右侧的简洁QQ在线客服-www.mb5u.com.qqbox a:link {color: #000;text-decoration: none;}.qqbox a:visited {color: #000;text-decoration: none;}.qqbox a:hover {color: #f80000;text-decoration: underline;}.qqbox a:...
浮动QQ在线客服&amp;网站QQ在线咨询
之语的技术资料专栏
09-06 2532
 第一步：先把以下代码保存为kefu.asp第二步：按橙色说明修改绿色部分是要修改的内容，html文档中不包括说明文字：var online= new Array();if (!document.layers)document.write()27089965:27043921:56129874:">将绿色部分修改成
html中qq咨询的代码,QQ样式的在线客服代码
weixin_39629989的博客
06-23 557
阿里西西网页特效代码演示中心-QQ在线客服代码演示function picsize(obj,MaxWidth){img=new Image();img.src=obj.src;if (img.width&gt;MaxWidth){return MaxWidth;}else{return img.width;}}function CloseQQ(){divStayTopleft.style.disp...
随网页滚动条上下移动的效果 浮动QQ在线客服&网站QQ在线咨询
寒冬玉
11-05 2452
Code Snippet// 浏览器类型获取.if (typeof Platform == undefined) var Platform = {};Platform.getUserAgent = navigator.userAgent;Platform.isGecko = Platform.getUserAgent.indexOf("Gecko") != -1;Platform.is
qq在线客服html代码,QQ在线客服JS代码，自适应漂浮在网页右侧
weixin_35123047的博客
05-30 735
QQ在线客服function picsize(obj,MaxWidth){img=new Image();img.src=obj.src;if (img.width&gt;MaxWidth){return MaxWidth;}else{return img.width;}}function CloseQQ(){divStayTopleft.style.display="none";return t...
创建网页右侧QQ在线客服悬浮功能实战
weixin_29935511的博客
09-01 1796
本文还有配套的精品资源，点击获取 简介：网页右侧的QQ在线客服悬浮功能可以显著提升用户体验，通过HTML、CSS和JavaScript实现。JS代码负责监听滚动事件并更新客服图标位置，确保其始终可见。此外，它还与QQ在线客服系统互动，提供即时聊天服务。本文将详细解释实现该功能的步骤和代码实现，提供完整的源代码和使用指南。 1. 网页右侧QQ在线客服悬浮图标的创建 ...
可浮动的在线qq咨询客服代码
weixin_30814329的博客
05-20 167
　　在给大家推荐了《QQ在线客服代码可以拖动浮动》然后又推荐了《QQ在线咨询代码上下浮动型》之后，有朋友问我有没有简单点的可浮动的在线QQ咨询客服代码，其实是有的，我先卖个关子说说原理。算了还是上传个在线qq咨询客服代码的演示图片吧。如下图： 　　样子很难看，但是这就是非常简洁的浮动qq客服代码了，其实最简单的QQ在线客服代码还是http://imis.qq.com/webpresence/co...
左侧浮动可折叠的QQ在线客服代码
06-10
这些功能使得在线客服不仅限于即时通讯，还能有效管理客户咨询，提升服务质量和效率。 在实际应用中，这个代码可能包含HTML、CSS和JavaScript等技术。HTML用于构建结构，CSS负责样式布局，使客服窗口能在左侧浮动并...
网页左侧浮动jquery在线QQ客服代码
06-10
网页左侧浮动jQuery在线QQ客服代码是一种常见的网页交互设计，它为用户提供即时的在线咨询与支持服务。这个设计通常将QQ客服图标固定在网页的左下角，以便用户在浏览页面时可以方便地找到并启动对话。当用户点击此...
jquery右侧浮动qq在线客服菜单鼠标滑过展开qq在线客服菜单
10-31
本项目&ldquo;jquery右侧浮动qq在线客服菜单鼠标滑过展开qq在线客服菜单&rdquo;是利用jQuery实现的一个功能，旨在为网站提供一个方便用户联系的实时在线客服系统。当用户将鼠标悬停在页面右侧的客服菜单上时，菜单会自动展开，...
动感有趣的jquery浮动QQ在线客服代码
06-10
标题中的&ldquo;动感有趣的jQuery浮动QQ在线客服代码&rdquo;指的是一个利用jQuery库实现的，具有动态效果和趣味性的在线客服系统。这种系统通常会在网页底部或侧边栏以浮动窗口的形式出现，方便用户随时与客服人员进行交流。...
基于SSM的一线式酒店管理系统-su0v7503【附万字论文+PPT+包部署+录制讲解视频】.zip
最新发布
08-15
基于SSM的一线式酒店管理系统-su0v7503【附万字论文+PPT+包部署+录制讲解视频】.zip
STM32F4高级定时器定时器应用示例代码
08-15
STM32F4高级定时器定时器应用示例代码
【python毕业设计】基于数据挖掘的音乐推荐系统(django)（完整项目源码+mysql+说明文档）.zip
08-15
基于数据挖掘的音乐推荐系统设计与实现 需要一个代码说明，不需要论文 采用python语言，django框架，mysql数据库开发 编程环境：pycharm，mysql8.0 系统分为前台+后台模式开发 网站前台： 用户注册， 登录 搜索音乐，音乐欣赏（可以在线进行播放） 用户登陆时选择相关感兴趣的音乐风格 音乐收藏 音乐推荐算法：（重点） 本课题需要大量用户行为（如播放记录、收藏列表）、音乐特征（如音频特征、歌曲元数据）等数据 （1）根据用户之间相似性或关联性，给一个用户推荐与其相似或有关联的其他用户所感兴趣的音乐； （2）根据音乐之间的相似性或关联性，给一个用户推荐与其感兴趣的音乐相似或有关联的其他音乐。 基于用户的推荐和基于物品的推荐 其中基于用户的推荐是基于用户的相似度找出相似相似用户，然后向目标用户推荐其相似用户喜欢的东西（和你类似的人也喜欢**东西）； 而基于物品的推荐是基于物品的相似度找出相似的物品做推荐（喜欢该音乐的人还喜欢了**音乐）； 管理员 管理员信息管理 注册用户管理，审核 音乐爬虫（爬虫方式爬取网站音乐数据） 音乐信息管理（上传歌曲MP3，以便前台播放） 音乐收藏管理 用户 用户资料修改 我的音乐收藏 完整前后端源码，部署后可正常运行！ 环境说明 开发语言：python后端 python版本：3.7 数据库：mysql 5.7+ 数据库工具：Navicat11+ 开发软件：pycharm
MPU6050.zip
08-15
MPU6050是一款广泛应用在无人机、机器人和运动设备中的六轴姿态传感器，它集成了三轴陀螺仪和三轴加速度计。这款传感器能够实时监测并提供设备的角速度和线性加速度数据，对于理解物体的动态运动状态至关重要。在Arduino平台上，通过特定的库文件可以方便地与MPU6050进行通信，获取并解析传感器数据。 `MPU6050.cpp`和`MPU6050.h`是Arduino库的关键组成部分。`MPU6050.h`是头文件，包含了定义传感器接口和函数声明。它定义了类`MPU6050`，该类包含了初始化传感器、读取数据等方法。例如，`begin()`函数用于设置传感器的工作模式和I2C地址，`getAcceleration()`和`getGyroscope()`则分别用于获取加速度和角速度数据。 在Arduino项目中，首先需要包含`MPU6050.h`头文件，然后创建`MPU6050`对象，并调用`begin()`函数初始化传感器。之后，可以通过循环调用`getAcceleration()`和`getGyroscope()`来不断更新传感器读数。为了处理这些原始数据，通常还需要进行校准和滤波，以消除噪声和漂移。 I2C通信协议是MPU6050与Arduino交互的基础，它是一种低引脚数的串行通信协议，允许多个设备共享一对数据线。Arduino板上的Wire库提供了I2C通信的底层支持，使得用户无需深入了解通信细节，就能方便地与MPU6050交互。 MPU6050传感器的数据包括加速度（X、Y、Z轴）和角速度（同样为X、Y、Z轴）。加速度数据可以用来计算物体的静态位置和动态运动，而角速度数据则能反映物体转动的速度。结合这两个数据，可以进一步计算出物体的姿态（如角度和角速度变化）。 在嵌入式开发领域，特别是使用STM32微控制器时，也可以找到类似的库来驱动MPU6050。STM32通常具有更强大的处理能力和更多的GPIO口，可以实现更复杂的控制算法。然而，基本的传感器操作流程和数据处理原理与Arduino平台相似。 在实际应用中，除了基本的传感器读取，还可能涉及到温度补偿、低功耗模式设置、DMP（数字运动处理器）功能的利用等高级特性。DMP可以帮助处理传感器数据，实现更高级的运动估计，减轻主控制器的计算负担。 MPU6050是一个强大的六轴传感器，广泛应用于各种需要实时运动追踪的项目中。通过 Arduino 或 STM32 的库文件，开发者可以轻松地与传感器交互，获取并处理数据，实现各种创新应用。博客和其他开源资源是学习和解决问题的重要途径，通过这些资源，开发者可以获得关于MPU6050的详细信息和实践指南
【python毕业设计】通用排课系统(django)（完整项目源码+mysql+说明文档+LW+PPT）.zip
08-15
对于学生端，核心需求在于能够轻松访问并管理自己的课程表[8]。学生需要能够方便地完成注册、登录，并查看专属于自己的课程详细信息，包括不限于时间、地点、教师等。系统应支持当课程表中任何课程时间发生变动，需要及时在系统内进行更新，保障课程信息的时效性。 教师端的功能需求主要集中在课程表的查看和管理。教师与学生一样，同样需要能够方便地查看自己的教学课表，了解课程时间、地点和相关学生班级信息。系统应允许教师接收课程安排的更新通知，并查看学生的出勤情况，以便及时跟进学生的课程进展。 管理员的功能需求主要集中在课程维护和用户管理。管理员负责管理用户的权限设置，包括教师和学生的账户管理。与此同时，管理员负责监控系统的性能和安全状态，并执行必要的系统升级和维护。管理员重点需要管理课程信息、班级信息，并进行教室分配和课程表生成，确保系统功能的正常运行，满足教师和学生的日常使用需求。 完整前后端源码，部署后可正常运行！ 环境说明 开发语言：python后端 python版本：3.7 数据库：mysql 5.7+ 数据库工具：Navicat11+ 开发软件：pycharm
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值