html悬浮客服代码,js QQ客服悬浮效果实现代码

QQ客服悬浮特效代码_www.jb51.net

window.onload = window.onresize = window.onscroll = function ()

{

var oBox = document.getElementById("qqbox_zzjs");

var oLine = document.getElementById("online_lanrenzhijia");

var oMenu = document.getElementById("menu_zzjs_net");

var iScrollTop = document.documentElement.scrollTop || document.body.scrollTop;

setTimeout(function ()

{

clearInterval(oBox.timer);

var iTop = parseInt((document.documentElement.clientHeight - oBox.offsetHeight)/2) + iScrollTop;

oBox.timer = setInterval(function ()

{

var iSpeed = (iTop - oBox.offsetTop) / 8;

iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);

oBox.offsetTop == iTop ? clearInterval(oBox.timer) : (oBox.style.top = oBox.offsetTop + iSpeed + "px");

}, 30)

}, 100)

oBox.onmouseover = function ()

{

this.style.width = 131 + "px";

oLine.style.display = "block";

oMenu.style.display = "none";

};

oBox.onmouseout = function ()

{

this.style.width = '';

oLine.style.display = "none";

oMenu.style.display = "block";

};

document.write("

");

html悬浮客服代码,js QQ客服悬浮效果实现代码相关推荐

html鼠标平滑滚动效果,JS特效代码 JS动态平滑滚动菜单效果
JS特效代码 JS动态平滑滚动菜单效果 www.css5.net body {cursor:crosshair; background:#111; margin:0; padding:0; posit ...
html盒子移动动画代码,js实现盒子移动动画效果
本文实例为大家分享了js实现盒子移动动画效果的具体代码,供大家参考,具体内容如下 content="width=device-width, user-scalable=no, initial ...
html仿京东选项卡切换代码,js仿京东轮播效果选项卡套选项卡使用
本文实例为大家分享了js仿京东轮播效果的具体代码,实现选项卡套用选项卡,供大家参考,具体内容如下效果图: 代码: 无标题文档 *{margin:0;padding:0;} ul{list-style ...
js视频html代码,html+JS刷图实现视频效果(示例代码)
网页播放视频须要载入播放器,可是通过刷图也能实现视频播放的效果 JS中用到Z-index属性,记录一篇解说Z-index属性的博客的地址: http://www.cnblogs.com/gisdrea ...
代刷网html统计代码,【QQ代刷网】前台代码大全
首页滚动代码(自己修改下面的字) direction="left" Align="Middle" style="font-weight: bold;l ...
智能搜索框html代码,js实现搜索框关键字智能匹配代码
只要使用搜索引擎的朋友应该都有这样的体会,就是当在搜索框输入关键字的时候,会出现自能匹配现象,这绝对是非常好的用户体验,下面就是一段类似的代码,当然这里只是掩饰,所以只能匹配的数据都是本地固定好的,在 ...
图书浏览界面html代码,javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程在这里推荐turn.js 网上的turn.js 有api 不过是英文的很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn ...
html5 图片横向滑动效果,JS实现图片横向滚动效果示例代码
图片横向滚动代码 .box{ margin:0 auto; height:70px; width:810px; padding:10px; border:1px solid #FF0000; } .b ...
图片随机出现的HTML代码,JS随机显示网页图片的简单代码
如果你想在网页中显示几张图片中的任何一张,即随机显示图片,那么,可以使用如下很简单的代码. 前提条件为:图片均为gif格式的,存放在网站的Img/Gif/JSpc/目录中. 代码如下: var m=9 ...
html盒子移动动画代码,js实现盒子滚动动画效果
Document *{ margin: 0; padding: 0; } .box1{ /* 必须加定位才可以动 */ position: absolute; left: 0; width: 50px ...

html悬浮客服代码,js QQ客服悬浮效果实现代码

html悬浮客服代码,js QQ客服悬浮效果实现代码相关推荐

最新文章

热门文章