1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > php右侧弹窗QQ客服 网页右侧悬浮滚动qq客服代码示例_javascript技巧

php右侧弹窗QQ客服 网页右侧悬浮滚动qq客服代码示例_javascript技巧

时间:2019-05-24 06:31:47

相关推荐

php右侧弹窗QQ客服 网页右侧悬浮滚动qq客服代码示例_javascript技巧

网页右侧悬浮滚动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; iif (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; iobj[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);

};

};

发布php中文网,转载请注明出处,感谢您的尊重!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。