可浮動QQ在線客服
更新時(shí)間：2008年10月10日 23:30:14 作者：
比較漂亮的qq在線客服代碼，推薦使用
復(fù)制代碼 代碼如下:
(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、在頁面的最后面加上
復(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:層相對于左側(cè)的偏移量。如果isRight為true則是相對于右側(cè)的偏移量
Top:層相對于頂部的偏移量
timeout:層移動時(shí)間間隔，越大越慢
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
打包下載
相關(guān)文章
讀取注冊表的鍵值的方法有很多，在本文將為大家詳細(xì)介紹下使用js如何實(shí)現(xiàn)注冊表的鍵值讀取，感興趣的朋友可以參考下2013-09-09
微信小程序中this.data與this.setData的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于微信小程序中this.data與this.setData區(qū)別的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧2018-09-09
這篇文章主要介紹了addEventListener 的用法,需要的朋友可以參考下2014-05-05
使用JavaScript實(shí)現(xiàn)一個(gè)物理模擬
最近掌門人在寫3D游戲,對于其中的物理效果很感興趣,今天我將使用純JavaScript來實(shí)現(xiàn)一個(gè)簡易的物理模擬,其中包括碰撞檢測與響應(yīng)、摩擦力與空氣阻力、以及物體的破壞效果,文中通過代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要介紹了Bootstrap4 gulp 配置詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要給大家介紹了關(guān)于用js生成a標(biāo)簽下載文件并攜帶請求頭的兩種方法, 這種下載文件方式在前端項(xiàng)目中非常常見,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
這篇文章主要介紹了解決小程序無法觸發(fā)SESSION問題,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-02
layer頁面跳轉(zhuǎn),獲取html子節(jié)點(diǎn)元素的值方法
今天小編就為大家分享一篇layer頁面跳轉(zhuǎn),獲取html子節(jié)點(diǎn)元素的值方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式,本文同時(shí)講解了設(shè)計(jì)模式的類別如創(chuàng)建型設(shè)計(jì)模式、結(jié)構(gòu)型設(shè)計(jì)模式、行為設(shè)計(jì)模式等內(nèi)容,需要的朋友可以參考下2015-02-02
本文主要關(guān)注V8的性能優(yōu)化，部分內(nèi)容并不適用于所有JS引擎。最后，轉(zhuǎn)載請注明出處2014-08-08