Floatable QQ 온라인 고객 서비스_javascript 기술

复代码码 代码如下:

(function(){
QQMenuInt=_QQMenuInt;
moveQQmenu=_moveQQmenu;
함수 _QQMenuInt(){
QQMenu.style.position="absolute";
QQMenu.style.display=""
if(parseInt(document.documentElement.offsetWidth) >1024){
QQMenuPosition.Left =(parseInt(document.documentElement.offsetWidth)-1024-20)
}
if(QQMenuPosition.isRight){
QQMenu.style.right= QQMenuPosition.Left "px";
}else{
QQMenu.style.left=QQMenuPosition.Left "px";
}
QQMenu.style.top=QQMenuPosition.Top "px"; 🎜>moveQQmenu();
}
function _moveQQmenu(){
var from=parseInt(QQMenu.style.top,10);
var yOffset; ?window.pageYOffset:document.documentElement.scrollTop;
to=to QQMenuPosition.Top;
if(to!=from){
yOffset = Math.ceil(Math.abs(to-from)/ 20);
if(tovar oldTop=parseInt(QQMenu.style.top,10)
QQMenu.style.top=(oldTop yOffset) "px" ;
}
if(QQMenu.style.display!="none"){
window.setTimeout("moveQQmenu()",QQMenuPosition.timeout);
}
}
})()

사용 방법：
1、引入上面的js 2、在页面的最后면加上 

复主代码 代码如下:

var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10}
var QQMenu=document.getElementById("QQMenu");
QQMenuInt();




QQMenu는 플로팅 레이어의 가장 바깥쪽 ID입니다.
QQMenuPosition은 플로팅 레이어와 관련된 매개변수를 설정하는 것입니다.
Left: 왼쪽을 기준으로 한 레이어의 오프셋입니다. isRight가 true인 경우 오른쪽을 기준으로 한 오프셋
Top: 상단을 기준으로 한 레이어의 오프셋
timeout: 레이어 이동 시간 간격, 시간이 클수록 느려짐

<title>제목 없음</title> <style type="text/css"> /*QQ在线客服务处*/ .kefuchu{ width:109px;} .SS_dh1{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left} .SS_dh2{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block} .SS_dh3{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh3.jpg) repeat-y; width:109px; } .SS_dh4{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; } .SS_dh5{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;} </style> <!--QQ在线客服务处--> fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf <div class="kefuchu" id="QQMenu" style="display:none;"> <div class="SS_dh1"> </div> <a class="SS_dh2" href="javascript:void(0)" onclick="QQMenu.style.display='none'"> </a><span class="clear"> </span><div class="SS_dh3"> <div class="SS_dh5"> <a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a> </div> <script type="text/javascript" src="http://img.jb51.net/online/qq/js/QQMenu.js"></script><span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=' Math.random() '&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> <span class="blank8"></span> <div class="SS_dh5"><a href="http://sighttp.qq.com/cgi-bin/check?sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc" target="_blank;" onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey=d7bb49730f3ed47c475611fe4baa06914c1c954e4674e29bc09d96892eae6edc';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" src="http://wpa.qq.com/pa?p=1:461478385:1" alt="Floatable QQ 온라인 고객 서비스_javascript 기술"></a></div> <span class="clear"></span> </div> <span class="clear"></span> <div class="SS_dh4"></div> </div> <script type="text/javascript"> var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10} var QQMenu=document.getElementById("QQMenu"); QQMenuInt(); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

打包下载