当前位置：模板网首页 > 特效插件 > 在线客服 > 橘黄色左侧弹出可折正文

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

作者：我爱模版网

大小：0.018MB

点击次数：

发布时间：2014-02-14 14:15

分享到：

特效介绍

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

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

使用方法

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

001<DIV id=xixi onmouseover=toBig() onmouseout=toSmall()>
002<TABLE style="FLOAT: left" border=0 cellSpacing=0 cellPadding=0 width=157>
003  <TBODY>
004  <TR>
005    <TD class=main_head height=39 vAlign=top>&nbsp;</TD></TR>
006  <TR>
007    <TD class=info vAlign=top>
008      <TABLE class=qqtable border=0 cellSpacing=0 cellPadding=0 width=120
009      align=center>
010        <TBODY>
011        <TR>
012          <TD align=middle><a href="http://www.5imoban.net/texiao/" target="_blank"><IMG border=0
013            src="images/kefu_head.gif"></a> </TD>
014        </TR>
015        <TR>
016          <TD height=5></TD></TR>
017        <TR>
018          <TD height=30 align=middle><SPAN>QQ:543031222</SPAN></TD></TR>
019        <TR>
020          <TD height=30 align=middle><SPAN>QQ:543031222</SPAN></TD></TR>
021        <TR>
022          <TD height=5></TD></TR>
023        <TR>
024          <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>
025        </TR>
026        <TR>
027          <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>
028        </TR>
029        <TR>
030          <TD align=middle>
031            <DIV class=qun><FONT
032            color=#9b9b9b>会员交流群</FONT><BR><SPAN>123456</SPAN></DIV></TD></TR>
033        <TR>
034          <TD align=middle>
035            <DIV class=qun><FONT
036            color=#9b9b9b>商家交流群</FONT><BR><SPAN>654321</SPAN></DIV></TD></TR>
037        <TR>
038          <TD align=middle>&nbsp;</TD></TR></TBODY></TABLE></TD></TR>
039  <TR>
040    <TD class=down_kefu vAlign=top></TD></TR></TBODY></TABLE>
041<DIV class=Obtn></DIV></DIV>
042<SCRIPT language=javascript>
043  客服果果=function (id,_top,_left){
044  var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
045  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;
046  me.style.position='absolute';
047  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));
048  return arguments.callee;
049  };
050  window.onload=function (){
051  客服果果
052  ('xixi',100,-152)
053  }
054 </SCRIPT>
055 
056<SCRIPT language=javascript> 
057   lastScrollY=0; 
058    
059   var InterTime = 1;
060   var maxWidth=-1;
061   var minWidth=-152;
062   var numInter = 8;
063    
064   var BigInter ;
065   var SmallInter ;
066    
067   var o =  document.getElementById("xixi");
068    var i = parseInt(o.style.left);
069    function Big()
070    {
071     if(parseInt(o.style.left)<maxWidth)
072     {
073      i = parseInt(o.style.left);
074      i += numInter; 
075      o.style.left=i+"px"; 
076      if(i==maxWidth)
077       clearInterval(BigInter);
078     }
079    }
080    function toBig()
081    {
082     clearInterval(SmallInter);
083     clearInterval(BigInter);
084      BigInter = setInterval(Big,InterTime);
085    }
086    function Small()
087    {
088     if(parseInt(o.style.left)>minWidth)
089     {
090      i = parseInt(o.style.left);
091      i -= numInter;
092      o.style.left=i+"px";
093       
094      if(i==minWidth)
095       clearInterval(SmallInter);
096     }
097    }
098    function toSmall()
099    {
100     clearInterval(SmallInter);
101     clearInterval(BigInter);
102     SmallInter = setInterval(Small,InterTime); 
103    }    
104</SCRIPT>

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

本文标签：
js在线客服代码,可折叠在线客服代码

橘黄色左侧弹出可折叠的js在线客服代码效果预览橘黄色左侧弹出可折叠的js在线客服代码本地下载

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

热门网页特效

热门PSD模板

热门CSS模板

热门网站源码

热门酷站欣赏

热门建站资源

热门建站教程

热门文章