网页右侧悬浮滚动在线qq客服代码示例

网页右侧悬浮滚动QQ在线客服代码

function myEvent(obj,ev,fn){

if (obj.attachEvent){

obj.attachEvent('on'+ev,fn);

}else{

obj.addEventListener(ev,fn,false);

};

};

function getbyClass(id,sClass){

var oParent = document.getElementById(id);

var all = oParent.getElementsByTagName('*');

var array = [];

for (var i=0; i

if (all[i].className == sClass){

array.push(all[i]);

};

};

return array;

};

function getStyle(obj,name){

if(obj.currentStyle){

return obj.currentStyle[name];

}else{

return getComputedStyle(obj,false)[name];

};

};

function Running(obj,json,fnEnd){

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var now=0;

var bStop=true;

for (var attr in json){

if(attr=='opacity'){

now=Math.round(parseFloat(getStyle(obj,attr))*100);

}else{

now=parseInt(getStyle(obj,attr));

};

var speed=(json[attr]-now)/5;

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

if(now!=json[attr])bStop=false;

if(attr=='opacity'){

obj.style.filter='alpha(opacity:'+now+speed+')';

obj.style.opacity=(now+speed)/100;

}else{

obj.style[attr]=speed+now+'px';

};

}

if(bStop){

clearInterval(obj.timer);

if(fnEnd)fnEnd();

}

}, 30);

}

function Flexing(obj,json,fnEnd){

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var now=0;

var bStop=true;

for (var attr in json){

if(!obj.speed)obj.speed={};

if(!obj.speed[attr])obj.speed[attr]=0;

now=parseInt(getStyle(obj,attr));

if(Math.abs(json[attr]-now)>1 || Math.abs(obj.speed[attr])>1){

bStop=false;

obj.speed[attr]+=(json[attr]-now)/5;

obj.speed[attr]*=0.85;

var MaxSpeed=65;

if(Math.abs(obj.speed[attr])>MaxSpeed){

obj.speed[attr]=obj.speed[attr]>0?MaxSpeed:-MaxSpeed;

};

obj.style[attr]=now+obj.speed[attr]+'px';

};

};

if(bStop){

clearInterval(obj.timer);

obj.style[attr]=json[attr]+'px';

if(fnEnd)fnEnd();

};

}, 30);

}

function setqq(obj,num){

if (obj.length!=num.length){

alert('\nspan的个数与QQ号码的个数不符，请设置5个QQ号码!\n\n[设置未成功!]');

return;

}else{

for (var i=0; i

obj[i].innerHTML = "";

};

};

};

function settop(id,id2,top){

var obj = document.getElementById(id);

var box = document.getElementById(id2);

obj.style.top = box.style.top = top+'px';

};

function dealy(id,time){

var obj = document.getElementById(id);

var timer = setTimeout(function(){

Flexing(obj,{right:-100});

},time*1000);

};

function click_fn(id,id2){

var obj = document.getElementById(id);

var box = document.getElementById(id2);

obj.onclick = function(){

Running(obj,{right:-200},function(){

box.style.display = 'block';

Running(box,{right:10, opacity:100});

});

};

box.onclick = function(){

timer = setTimeout(function(){

Running(box,{right:-220,opacity:0},function(){

box.style.display = 'none';

Flexing(obj,{right:-100});

});

},3000);

};

};相关阅读:

jQuery实现加入购物车飞入动画效果

必须收藏的php实用代码片段

台式电脑升级安装Win10正式版后没有声音的五种方法 堪称史上最全的汇总

Bootstrap按钮组件详解

Javascript基础教程之argument 详解

深入领悟JavaScript中的面向对象

Java中实现双数组Trie树实例

php错误日志简单配置方法

jQuery Easyui 验证两次密码输入是否相等

HTML5的标签的代码的简单介绍 HTML5标签的简介

jquery.cookie.js用法实例详解

关于PHP中Session文件过多的问题及session文件保存位置

Windows7系统下在局域网上隐藏计算机的设置方法

CSS3媒体查询Media Queries基础学习教程