工作日志——记录工作心得（day1）：客服弹窗js代码的引用

来源：互联网发布：windows命令行设置ip 编辑：程序博客网时间：2024/05/22 05:10

今天入职第一天，半天时间熟悉工作环境，剩下半天时间主管让我找一个客服弹窗代码并使用在项目网页上，我套用的是网上懒人图库的qq客服弹窗js代码。在这里整理了一下对其中部分代码的理解和修改，如果能够帮到读者您，是我的荣幸。

首先是初始化变量

var online= new Array();var urlroot = "images/";var tOut = -1;var drag = false;var g_safeNode = null;lastScrollY = 0;var kfguin;var ws;var companyname;var welcomeword;var type;

这里需要注意的是 urlroot变量对应的是images里图片存放的地址，如果图片上传后一般是一个url地址，进行相应的修改即可。

kfguin为客服qq号

ws为项目主页网址

companyname为公司名

welcomeword为弹出窗的欢迎词

type默认赋值为1，其他值没有试过不知道效果如何

接下来需要修改点击qq交谈是弹出qq聊天框的代码：

 function kf_openChatWindow(flag){window.open('http://bizapp.qq.com/webc.htm?new=0&sid='+kfguin+'&o=&q=7', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');if(flag==1){kf_hidekfpopup();}return false;}

其中

http://bizapp.qq.com/webc.htm?new=0&sid='+kfguin+'&o=&q=7

这段跳转弹出参数错误提示

我将其更改为

'tencent://message/?uin='+kfguin+'&Site=&Menu=yes'

后可以正常跳转qq聊天。

另外，修改弹出框位置：

function kf_sleepShow()   {   kf_setCookie('hasshown', 1, '', '/', 'bizapp.qq.com'); var position = parseInt(document.getElementById("rightDiv").style.top) + 170;popupDivHtml = '<div id="kfpopupDiv" onmousedown="MyMove.Move(\'kfpopupDiv\',event,1);"  style="z-index:10000;filter:alpha(opacity=90);position: absolute; top: '+position+'px; right: 500px;color:#000;font-size: 12px;cursor:move;height: 150px;width: 340px;">';  popupDivHtml += kf_getPopupDivHtml(kfguin,ws,companyname,welcomeword);  popupDivHtml += '</div>';  document.body.insertAdjacentHTML("beforeEnd",popupDivHtml);}

＋170这里修改Y方向位置，right：500px这里修改X方向位置。

一下给出懒人图库源码下载地址（包含图片）：http://www.lanrentuku.com/js/kefu-632.html

希望能帮到看客，谢谢

0 0