這是一個(gè)HTML在線(xiàn)客服功能模塊,默認浮動(dòng)在端網(wǎng)頁(yè)的右側很顯眼的位置,還可以隨著(zhù)頁(yè)面的滾動(dòng)而滾動(dòng)(實(shí)際是浮動(dòng)固定在頁(yè)面的固定位置,不會(huì )受到頁(yè)面滾動(dòng)的影響)。同時(shí)還具有以下特點(diǎn):
1、可拖拽:
在頁(yè)面可視范圍內,你可以在浮動(dòng)模塊上點(diǎn)擊按下鼠標左鍵不放,然后移動(dòng)鼠標,這時(shí)候你發(fā)現浮動(dòng)模塊會(huì )跟著(zhù)鼠標移動(dòng)。你可以將它拖拽到頁(yè)面的任何一個(gè)位置,然后放開(kāi)鼠標左鍵,這個(gè)浮動(dòng)的客服模塊就會(huì )固定在此處,是不是很神奇很好玩?
2、關(guān)閉、隱藏浮動(dòng)客服模塊:
HTML模塊有關(guān)閉按鈕,用戶(hù)可以隨時(shí)點(diǎn)擊關(guān)閉按鈕,就可以隱藏浮動(dòng)的在線(xiàn)客服功能模塊,隱藏后,只有重新刷新或再次打開(kāi)該頁(yè)面才會(huì )再次出現這個(gè)浮動(dòng)的在線(xiàn)客服功能模塊。
3、可以添加多個(gè)在線(xiàn)聯(lián)系方式:
例如:可以嵌入發(fā)起QQ聊天、旺旺聊天和發(fā)送郵件或者撥打電話(huà)的HTML代碼,當然,還可以添加在線(xiàn)留言的URL鏈接等等。
4、兼容主流瀏覽器:
代碼兼容性強,幾乎支持現在所有的瀏覽器,例如:IE、火狐、谷歌、Edge、遨游、QQ、搜狗等瀏覽器
5、代碼精簡(jiǎn)、可移植性強:
浮動(dòng)HTML模塊用到的編程語(yǔ)言/代碼:HTML、JS、CSS。代碼經(jīng)過(guò)千錘百煉,你可以任意移植到你的項目上。
部分核心代碼:
//移動(dòng) function moving(e){ obj.style.left = (e.screenX - x) + 'px'; obj.style.top = (e.screenY - y) + 'px'; return false; } //停止 function endMov(e){ delObjEvent(document,'onmousemove',moving); //刪除鼠標移動(dòng)事件 delObjEvent(document,'onmouseup',arguments.callee); //刪除鼠標放開(kāi)事件,arguments.callee為函數本身 if (isIE) { obj.releaseCapture(); //釋放捕獲 } else { window.releaseEvents(Event.mousemove); //釋放 } }