• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 在线客服 >  橘黄色左侧弹出可折正文

橘黄色左侧弹出可折叠的js在线客服代码

作者:我爱模版网
大小:0.018MB
点击次数:
发布时间:2014-02-14 14:15
分享到:

特效介绍

橘黄色左侧弹出的可折叠js在线客服

橘黄色的左侧鼠标移上去弹出的可折叠的js在线客服代码。

使用方法

1、在头部引入css.css
2、把下面代码放到</body>的前面

<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>&nbsp;</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://www.5imoban.net/texiao/" target="_blank"><IMG border=0 
            src="images/kefu_head.gif"></a> </TD>
        </TR>
        <TR>
          <TD height=5></TD></TR>
        <TR>
          <TD height=30 align=middle><SPAN>QQ:543031222</SPAN></TD></TR>
        <TR>
          <TD height=30 align=middle><SPAN>QQ:543031222</SPAN></TD></TR>
        <TR>
          <TD height=5></TD></TR>
        <TR>
          <TD height=35 vAlign=top align=middle><A href="http://www.5imoban.net/" target="_blank"><IMG border=0 src="images/img3-5-btn1.gif" width=90 height=25></A></TD>
        </TR>
        <TR>
          <TD height=38 vAlign=top align=middle><A href="http://www.5imoban.net/" target="_blank"><IMG border=0 src="images/img3-5-btn2.gif" width=90 height=25></A></TD>
        </TR>
        <TR>
          <TD align=middle>
            <DIV class=qun><FONT 
            color=#9b9b9b>会员交流群</FONT><BR><SPAN>123456</SPAN></DIV></TD></TR>
        <TR>
          <TD align=middle>
            <DIV class=qun><FONT 
            color=#9b9b9b>商家交流群</FONT><BR><SPAN>654321</SPAN></DIV></TD></TR>
        <TR>
          <TD align=middle>&nbsp;</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>


3、修改里面的链接地址和QQ号码为您的联系方式。

  • 本文标签:
  • js在线客服代码,可折叠在线客服代码
每隔几秒弹出可拖动对话框的js客服在线插件 QQ客服插件
jQuery蓝色右浮动在线QQ客服源码免费下载