可浮動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)文章
JS.GetAllChild(element,deep,condition)使用介紹
JS.GetAllChild()獲取所有子節(jié)點(diǎn)，想必大家都知道吧，具體的使用方法如下，感興趣的朋友可以參考下2013-09-09
使用mini-define實(shí)現(xiàn)前端代碼的模塊化管理
這篇文章主要介紹了使用mini-define實(shí)現(xiàn)前端代碼的模塊化管理，十分不錯(cuò)的一篇文章，這里推薦給有需要的小伙伴。2014-12-12
js實(shí)現(xiàn)DIV的一些簡單控制...2007-06-06
這篇文章主要介紹了js如何獲取窗口相對于屏幕左邊和上邊的位置,需要的朋友可以參考下2014-05-05
JS簡單編號生成器實(shí)現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS簡單編號生成器實(shí)現(xiàn)方法,涉及JavaScript針對表單與字符串操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
這篇文章主要給大家介紹了關(guān)于echarts橫向柱狀圖簡單實(shí)現(xiàn)的相關(guān)資料,ECharts是百度前端開發(fā)部開發(fā)的一個(gè)開源可視化庫,它可以幫助開發(fā)者輕松的實(shí)現(xiàn)各種數(shù)據(jù)可視化,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
對于JavaScript數(shù)組去除重復(fù)項(xiàng)，現(xiàn)在有多種方法，其中一種是hash，本文主要對hash方法去除js數(shù)組重復(fù)項(xiàng)進(jìn)行介紹，下面就跟小編一起來看下吧2016-12-12
JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
這篇文章主要介紹了onmouseover實(shí)現(xiàn)選擇月份實(shí)例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了JS獲取圖片lowsrc屬性的方法,涉及javascript操作網(wǎng)頁圖片屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了原生JS貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03