本帖最后由 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
打开此文件,将以下代码加入到 <!--{hook/global_footer}--> 上面:- <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>
复制代码 |