快捷導(dǎo)航

可浮動(dòng)QQ在線客服

更新時(shí)間：2008年10月10日 23:30:14 作者：

比較漂亮的qq在線客服代碼，推薦使用

(function(){ 
QQMenuInt=_QQMenuInt; 
moveQQmenu=_moveQQmenu; 
function _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; 
var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop; 
to=to+QQMenuPosition.Top; 
if(to!=from){ 
yOffset = Math.ceil(Math.abs(to-from)/20); 
if(to<from)yOffset=-yOffset; 
var 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、在頁(yè)面的最后面加上

復(fù)制代碼代碼如下:

<script type="text/javascript"> 
var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10} 
var QQMenu=document.getElementById("QQMenu"); 
QQMenuInt(); 
</script> 

QQMenu為漂浮層的最外層ID
QQMenuPosition是設(shè)置漂浮層相關(guān)參數(shù)
Left:層相對(duì)于左側(cè)的偏移量。如果isRight為true則是相對(duì)于右側(cè)的偏移量
Top:層相對(duì)于頂部的偏移量
timeout:層移動(dòng)時(shí)間間隔，越大越慢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>Untitled</title>     <style type="text/css">         /*QQ在線客服務(wù)處*/         .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>      </head> <body> fsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf      <div   id="wppm3vysvbp"   class="kefuchu" id="QQMenu" style="display:none;">         <div   id="wppm3vysvbp"   class="SS_dh1"></div>         <a class="SS_dh2" href="javascript:void(0)" onclick="QQMenu.style.display='none'"></a>         <span id="wppm3vysvbp"    class="clear"></span>         <div   id="wppm3vysvbp"   class="SS_dh3">             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>             <span id="wppm3vysvbp"    class="blank8"></span>             <div   id="wppm3vysvbp"   class="SS_dh5"><a ; 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="www.fzitv.net"></a></div>             <span id="wppm3vysvbp"    class="clear"></span>         </div>         <span id="wppm3vysvbp"    class="clear"></span>         <div   id="wppm3vysvbp"   class="SS_dh4"></div>     </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

打包下載

您可能感興趣的文章: