网页右侧悬浮滚动在线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);

};

};

您可能感兴趣的文章:JS实现侧悬浮浮动实例代码js点击出现悬浮窗效果不使用JQuery插件js和css写一个可以自动隐藏的悬浮框jquery鼠标放上去显示悬浮层即弹出定位的div层js 左右悬浮对联广告特效代码js QQ客服悬浮效果实现代码javascript手工制作悬浮菜单CSS javascript 结合实现悬浮固定菜单效果