Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【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

打开此文件,将以下代码加入到  <!--{hook/global_footer}-->  上面:
  1. <LINK rel=stylesheet type=text/css href="kefu/css/css.css">
  2. <DIV id=xixi onmouseover=toBig() onmouseout=toSmall()>
  3. <TABLE style="FLOAT: left" border=0 cellSpacing=0 cellPadding=0 width=157>
  4.   <TBODY>
  5.   <TR>
  6.     <TD class=main_head height=39 vAlign=top>&nbsp;</TD></TR>
  7.   <TR>
  8.     <TD class=info vAlign=top>
  9.       <TABLE class=qqtable border=0 cellSpacing=0 cellPadding=0 width=120
  10.       align=center>
  11.         <TBODY>
  12.         <TR>
  13.           <TD align=middle><a href="http://bbs.zmd5.com/" target="_blank"><IMG border=0
  14.             src="kefu/images/logo.png"></a> </TD>
  15.         </TR>
  16.         <TR>
  17.           <TD height=5></TD></TR>
  18.         <TR>
  19.           <TD height=30 align=middle><SPAN>QQ:719468490</SPAN></TD></TR>
  20.         <TR>
  21.           <TD height=30 align=middle><SPAN>QQ:719468490</SPAN></TD></TR>
  22.         <TR>
  23.           <TD height=5></TD></TR>
  24.         <TR>
  25.           <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>
  26.         </TR>
  27.         <TR>
  28.           <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>
  29.         </TR>
  30.         <TR>
  31.           <TD align=middle>
  32.             <DIV class=qun><FONT
  33.             color=#9b9b9b>会员交流群</FONT>
  34. <SPAN>719468490</SPAN></DIV></TD></TR>
  35.         <TR>
  36.           <TD align=middle>
  37.             <DIV class=qun><FONT
  38.             color=#9b9b9b>商家交流群</FONT>
  39. <SPAN>719468490</SPAN></DIV></TD></TR>
  40.         <TR>
  41.           <TD align=middle>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
  42.   <TR>
  43.     <TD class=down_kefu vAlign=top></TD></TR></TBODY></TABLE>
  44. <DIV class=Obtn></DIV></DIV>
  45. <SCRIPT language=javascript>
  46.                 客服果果=function (id,_top,_left){
  47.                 var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
  48.                 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;
  49.                 me.style.position='absolute';
  50.                 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));
  51.                 return arguments.callee;
  52.                 };
  53.                 window.onload=function (){
  54.                 客服果果
  55.                 ('xixi',100,-152)
  56.                 }
  57.         </SCRIPT>

  58. <SCRIPT language=javascript>
  59.                         lastScrollY=0;
  60.                         
  61.                         var InterTime = 1;
  62.                         var maxWidth=-1;
  63.                         var minWidth=-152;
  64.                         var numInter = 8;
  65.                         
  66.                         var BigInter ;
  67.                         var SmallInter ;
  68.                         
  69.                         var o =  document.getElementById("xixi");
  70.                                 var i = parseInt(o.style.left);
  71.                                 function Big()
  72.                                 {
  73.                                         if(parseInt(o.style.left)<maxWidth)
  74.                                         {
  75.                                                 i = parseInt(o.style.left);
  76.                                                 i += numInter;        
  77.                                                 o.style.left=i+"px";        
  78.                                                 if(i==maxWidth)
  79.                                                         clearInterval(BigInter);
  80.                                         }
  81.                                 }
  82.                                 function toBig()
  83.                                 {
  84.                                         clearInterval(SmallInter);
  85.                                         clearInterval(BigInter);
  86.                                                 BigInter = setInterval(Big,InterTime);
  87.                                 }
  88.                                 function Small()
  89.                                 {
  90.                                         if(parseInt(o.style.left)>minWidth)
  91.                                         {
  92.                                                 i = parseInt(o.style.left);
  93.                                                 i -= numInter;
  94.                                                 o.style.left=i+"px";
  95.                                                 
  96.                                                 if(i==minWidth)
  97.                                                         clearInterval(SmallInter);
  98.                                         }
  99.                                 }
  100.                                 function toSmall()
  101.                                 {
  102.                                         clearInterval(SmallInter);
  103.                                         clearInterval(BigInter);
  104.                                         SmallInter = setInterval(Small,InterTime);
  105.                                        
  106.                                 }
  107.                                 
  108. </SCRIPT>

复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

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
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 17:18 , Processed in 0.026718 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表