最近老用来QQ在线客服代码,网上找的都不太顺手,自己写一个简单,只上下飘动。
源码下载:网站被封了,源码下载不了,但是这个源码很简单,相信有点基础的人都知道怎样用。
floatAd.js代码如下:

var  lastScrollY = 0 ; // 滚动条距顶部位置
function  heartBeat(){ 
     var  diffY;
     if  (document.documentElement  &&  document.documentElement.scrollTop)
         diffY  =  document.documentElement.scrollTop;
     else   if  (document.body)
         diffY  =  document.body.scrollTop
     else
         { /* Netscape stuff */ }
    
    percent = . 1 * (diffY - lastScrollY); 
     if (percent > 0 )percent = Math.ceil(percent); 
     else  percent = Math.floor(percent); 
    document.getElementById( " gvRightAd " ).style.top = parseInt(document.getElementById( " gvRightAd " ).style.top) + percent + " px " ;

lastScrollY = lastScrollY + percent; 
}
window.setInterval( " heartBeat() " , 100 ); // 每0.1秒钟执行一次

调用:

<! 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 >
     < title > 最简单明了的QQ在线客服代码 </ title >
     < script  type ="text/javascript"  src ="style/floatAd.js" ></ script >
</ head >
< body  style ="height:1000px;" >
< div  id ="gvRightAd"   style ='right:50px;POSITION:absolute;TOP:230px;text-align:center;width:117px;' >
     < table  style ="width:117px;"  cellpadding ="0"  cellspacing ="0" >
         < tr >
             < td >< img  src ="images/qq/qqbg1.gif"  alt =""   /></ td >
         </ tr >
         < tr >
             < td  style ="background:url(images/qq/qqbg2.gif) repeat-y;" >
                 < div > <!-- 这里的QQ代码请到http://imis.qq.com/webpresence/code.shtml申请 -->
                 < a  href ="http://sighttp.qq.com/cgi-bin/check?sigkey=7cd7c4f0fe8acae47af475bfd5864dd2a9910c5e16692240f96d1d9343fa6e82b8685b01340a0c99b5f625bc523faf6d34ae463cf21aba0e" ; target =_blank;  onclick ="var tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey=7cd7c4f0fe8acae47af475bfd5864dd2a9910c5e16692240f96d1d9343fa6e82b8685b01340a0c99b5f625bc523faf6d34ae463cf21aba0e';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;" >< img  border ="0"  SRC ='http://wpa.qq.com/pa?p=1:1090126549:1'  alt ="张老师" ></ a >
                 </ div >
                 < div >< a  href ="http://sighttp.qq.com/cgi-bin/check?sigkey=7cd7c4f0fe8acae4d6822fba4ae9ad0363e4805f0a646f849ad95f6a69ffc6c52caf5f5505cbbaa4d5666e4f402e1f9177da136fadfad826" ; target =_blank;  onclick ="var tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey=7cd7c4f0fe8acae4d6822fba4ae9ad0363e4805f0a646f849ad95f6a69ffc6c52caf5f5505cbbaa4d5666e4f402e1f9177da136fadfad826';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;" >< img  border ="0"  SRC ='http://wpa.qq.com/pa?p=1:1131441761:1'  alt ="王老师" ></ a >
                 </ div >
             </ td >
         </ tr >
         < tr >
             < td >< img  src ="images/qq/qqbg3.gif"  alt =""   /></ td >
         </ tr >
     </ table >
        
     </ div >
</ body >
</ html >

转载于:https://www.cnblogs.com/greatverve/archive/2009/06/30/1514034.html

最简单明了的QQ在线客服代码相关推荐

  1. QQ在线客服代码,飘浮在右侧的QQ客服js特效演示

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  2. (转)QQ在线客服代码

    QQ在线客服代码 2007-11-13 10:04 1. http://is.qq.com/cgi-bin/webpresence/wpa_code?uin=+你的QQ号码:         < ...

  3. css+JavaScript+html打造的非常简单漂亮的网站在线客服代码,鼠标划过可以弹出窗口

    下面是一网站在线客服css样式 * {padding: 0;margin: 0;border: none; } ul, ol, li {list-style: none; } em, i {font- ...

  4. 流行QQ在线客服代码

    <html> <head> <title>网页教学网在线联系</title> <script language=javascript> fu ...

  5. 常见的qq在线客服代码

    <SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif"><atarget="_blank&quo ...

  6. qq联系我们代码-qq在线客服代码

    "在线状态"是腾讯公司提供的一种快速沟通服务,该服务可以让您在不加好友的情况下和域中的朋友发起临时会话.这个代码需要登录http://wp.qq.com,进行一些的设置,然后将生成 ...

  7. 腾讯官网生成qq在线客服代码

    http://jingyan.baidu.com/article/e2284b2b42ce8ce2e6118ddd.html

  8. Android,IOS QQ在线客服代码

    <a href="mqqwpa://im/chat?chat_type=wpa&uin=123456789">安卓</a><a href=&q ...

  9. php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例,网页右侧悬浮滚动QQ在线客服 - phpStudy...

    网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...

最新文章

  1. 深度学习 | 三个概念:Epoch, Batch, Iteration
  2. 成本并非企业奔向云计算的唯一原因
  3. android 导入sqlite文件怎么打开,如何将sqlite文件导入到我的项目中?
  4. Java之Object类与instanceof关键字
  5. java 分布式rpc框架_分布式RPC框架Apache Dubbo(一)
  6. 小网站架构优化-提升抗并发能力:子应用程序分离方案
  7. Win11如何开启聚焦功能?Win11开启聚焦功能的方法
  8. SnackbarUtils:一行代码搞定Snackbar
  9. 局域网、城域网、广域网、国际互联网(internet)
  10. pc计算机shift,电脑上的shift键怎么读?shift表示什么意思?
  11. linux中dd命令写入数据,Linux中dd命令的用法
  12. 视频教程-必会神器之MySQL数据库-MySQL
  13. 计算机视觉:图像映射与全景拼接
  14. 手机 查看java源码_pin.java 源代码在线查看 - 一个专门为手机写的程序 资源下载 虫虫电子下载站...
  15. 仿淘宝淘抢购进度条——鸿洋
  16. 这么简单的抓包神器?15块钱?两块钱就搞定!
  17. 【转】PC机安装MAC虚拟机
  18. xshell 传文件的常用两种方案rz(小于4G)和sftp(大于4G)
  19. config是什么?
  20. 软件工程毕业设计 SSM驾校预约培训管理系统(源码+论文)

热门文章

  1. 信号量——计数信号量
  2. DC有刷电机驱动硬件电路
  3. USB鼠标驱动开发流程
  4. 软件开发的管理和控制
  5. 百度搜素推出细雨算法
  6. 解析:百度算法之细雨算法2.0
  7. android 取消系统默认手机加密(全盘加密)
  8. 行链接(Row Chaining)和行迁移(Row Migration)
  9. 安装hg版本管理工具
  10. 敏捷观点和态度-《敏捷项目管理》读后感