網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)在線qq客服代碼示例
網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)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<all.length; 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的個(gè)數(shù)與QQ號(hào)碼的個(gè)數(shù)不符,請(qǐng)?jiān)O(shè)置5個(gè)QQ號(hào)碼!\n\n[設(shè)置未成功!]');
return;
}else{
for (var i=0; i<num.length; i++){
obj[i].innerHTML = "<a target='_blank' ><img border='0' src='http://wpa.qq.com/pa?p=2:"+num[i]+":51' alt='點(diǎn)擊咨詢' title='點(diǎn)擊咨詢'/></a>";
};
};
};
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);
};
};
相關(guān)文章
用iframe實(shí)現(xiàn)不刷新整個(gè)頁(yè)面上傳圖片的實(shí)例
下面小編就為大家?guī)?lái)一篇用iframe實(shí)現(xiàn)不刷新整個(gè)頁(yè)面上傳圖片的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
JavaScript ES2019中的8個(gè)新特性詳解
這篇文章主要介紹了JavaScript ES2019中的8個(gè)新特性詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
如何使用瀏覽器擴(kuò)展篡改網(wǎng)頁(yè)中的JS?文件
這篇文章主要為大家介紹了如何使用瀏覽器擴(kuò)展篡改網(wǎng)頁(yè)中的JS文件實(shí)現(xiàn)解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
維護(hù)loading加載狀態(tài)的幾個(gè)方法小結(jié)
在項(xiàng)目開(kāi)發(fā)中,當(dāng)頁(yè)面請(qǐng)求接口時(shí),組件局部或者頁(yè)面全局顯示loading加載遮罩可謂是司空見(jiàn)慣了,下面來(lái)討論一下如何優(yōu)雅的使用loading狀態(tài),文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
js實(shí)現(xiàn)可折疊展開(kāi)的手風(fēng)琴菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)可折疊展開(kāi)的手風(fēng)琴菜單效果,通過(guò)簡(jiǎn)單的樣式變換控制菜單項(xiàng)的展開(kāi)與折疊功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
JavaScript之promise_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之promise的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
js報(bào)$ is not a function 的問(wèn)題的解決方法
在html中的程序,跑的好好的,換成jsp在項(xiàng)目中跑,就一直報(bào)$ is not a function錯(cuò),針對(duì)此問(wèn)題,下面有個(gè)不錯(cuò)的解決方法,大家可以嘗試操作下2014-01-01
Javascript格式化并高亮xml字符串的方法及注意事項(xiàng)
這篇文章主要介紹了Javascript格式化并高亮xml字符串的方法及注意事項(xiàng),需要的朋友可以參考下2018-08-08

