jQuery实现仿即时通信软件在线客服效果的滚动层代码

本文实例讲述了jQuery实现仿即时通信软件在线客服效果的滚动层代码。分享给大家供大家参考。具体如下：

这是一款jQuery滚动层，可以做成仿即时通信软件在线客服，虽然效果有点生硬，但水平就这么高了，弹出层是挺实用的，期待大家有新的改进。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/jquery-f-QQ-online-style-scroll-style-demo/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titlejQuery滚动层，仿即时通信软件在线客服/titlestyle type='text/css '！-# QQ在线{底色：黄色；border: 1px固体# fcc位置：绝对；top:250pxleft:18px宽度宽度：200像素高度：120 px}-/style脚本类型=' text/JavaScript ' src=' http : jquery 1。3 .2 .js '/script脚本类型=' text/JavaScript ' $().就绪(函数(){ $(窗口))。滚动(函数(){ window。settimeout(function(){ var body top=0；if (typeof window.pageYOffset！=' undefined '){ body top=window。pageyoffset} else if(文档。兼容模式！='未定义'文档。兼容模式！=“back compat”){ body top=document。文档元素。滚动顶部；} else if(文档。身体的类型！=' undefined '){ body top=文档。尸体。滚动顶部；} $('#qqonline ').css('top '，100 bodyTop) $('#qqonline ').文本(BodyTop)；},300) })});/剧本/头身风格='身高：1800 px ' div id=' QQ在线' QQ在线服务/div/body/html希望本文所述对大家的jQuery程序设计有所帮助。