【x2.5/任意版本】左侧在线客服，渐出效果，精美大方,免费发布！

popuppp · 发表于 2011-12-26 19:45:02

本帖最后由 popuppp 于 2012-5-3 22:44 编辑

网址演示：驻马店论坛 http://bbs.zmd5.com
显示效果

插件包下载（ 免费下载，回复后可见下载址 ）

游客，如果您要查看本帖隐藏内容请回复

懒人安装：

将 upload 的两个文件夹kefu template，上传至论坛根目录中覆盖即可。

客服文字及链接修改：template\default\common\footer.htm

=======================================================================

手动安装：

将 upload 的文件夹kefu，上传至论坛根目录中。

然后手动修改风格中的footer.htm 文件；

默认修改：\template\default\common\footer.htm

打开此文件，将以下代码加入到  上面：

<LINK rel=stylesheet type=text/css href="kefu/css/css.css">
<DIV id=xixi onmouseover=toBig() onmouseout=toSmall()>
<TABLE style="FLOAT: left" border=0 cellSpacing=0 cellPadding=0 width=157>
<TBODY>
<TR>
<TD class=main_head height=39 vAlign=top> </TD></TR>
<TR>
<TD class=info vAlign=top>
<TABLE class=qqtable border=0 cellSpacing=0 cellPadding=0 width=120
align=center>
<TBODY>
<TR>
<TD align=middle><a href="http://bbs.zmd5.com/" target="_blank"><IMG border=0
src="kefu/images/logo.png"></a> </TD>
</TR>
<TR>
<TD height=5></TD></TR>
<TR>
<TD height=30 align=middle><SPAN>QQ:719468490</SPAN></TD></TR>
<TR>
<TD height=30 align=middle><SPAN>QQ:719468490</SPAN></TD></TR>
<TR>
<TD height=5></TD></TR>
<TR>
<TD height=35 vAlign=top align=middle><A href="http://bbs.zmd5.com/" target="_blank"><IMG border=0 src="kefu/images/img3-5-btn1.gif" width=90 height=25></A></TD>
</TR>
<TR>
<TD height=38 vAlign=top align=middle><A href="http://bbs.zmd5.com/" target="_blank"><IMG border=0 src="kefu/images/img3-5-btn2.gif" width=90 height=25></A></TD>
</TR>
<TR>
<TD align=middle>
<DIV class=qun><FONT
color=#9b9b9b>会员交流群</FONT>
<SPAN>719468490</SPAN></DIV></TD></TR>
<TR>
<TD align=middle>
<DIV class=qun><FONT
color=#9b9b9b>商家交流群</FONT>
<SPAN>719468490</SPAN></DIV></TD></TR>
<TR>
<TD align=middle> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=down_kefu vAlign=top></TD></TR></TBODY></TABLE>
<DIV class=Obtn></DIV></DIV>
<SCRIPT language=javascript>
客服果果=function (id,_top,_left){
var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style.left=_left+"px";//[(_left>0?'left':'left')]=_left?Math.abs(_left)+'px':0;
me.style.position='absolute';
setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
return arguments.callee;
};
window.onload=function (){
客服果果
('xixi',100,-152)
}
</SCRIPT>
<SCRIPT language=javascript>
lastScrollY=0;
var InterTime = 1;
var maxWidth=-1;
var minWidth=-152;
var numInter = 8;
var BigInter ;
var SmallInter ;
var o = document.getElementById("xixi");
var i = parseInt(o.style.left);
function Big()
{
if(parseInt(o.style.left)<maxWidth)
{
i = parseInt(o.style.left);
i += numInter;
o.style.left=i+"px";
if(i==maxWidth)
clearInterval(BigInter);
}
}
function toBig()
{
clearInterval(SmallInter);
clearInterval(BigInter);
BigInter = setInterval(Big,InterTime);
}
function Small()
{
if(parseInt(o.style.left)>minWidth)
{
i = parseInt(o.style.left);
i -= numInter;
o.style.left=i+"px";
if(i==minWidth)
clearInterval(SmallInter);
}
}
function toSmall()
{
clearInterval(SmallInter);
clearInterval(BigInter);
SmallInter = setInterval(Small,InterTime);
}
</SCRIPT>

复制代码

TPBaby · 发表于 2012-1-2 19:02:05

回复那东东

ilei365 · 发表于 2012-1-2 19:07:27

很不错。。。。。。

Wei.L · 发表于 2012-1-2 19:12:07

因该不错哈！

TPBaby · 发表于 2012-1-2 19:12:42

修改哪里可以让他在右边显示吗,

hs999 · 发表于 2012-1-2 19:14:42

fsiso9001 · 发表于 2012-1-2 19:15:50

需要这个东西，谢谢。

97501003 · 发表于 2012-1-2 19:33:06

看看！！！

7400347370 · 发表于 2012-1-2 19:57:15

这个可以顶啦啦啦

多蓝 · 发表于 2012-1-2 20:02:16

ergfgsdffsdfsdfsdfsdfsd

		自动登录	找回密码
密码			立即注册

[发布] 【x2.5/任意版本】左侧在线客服，渐出效果，精美大方,免费发布！

本帖子中包含更多资源

评分