左侧可折叠在线客服JS代码 |
网站在线客服系统 1263201845 作者:刘晴 来源: 文字大小:[大][中][小] |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>左侧可折叠在线客服JS代码</title> <meta name="keywords" content="左侧可折叠在线客服JS代码" /> <LINK rel=stylesheet type=text/css href="css/css.css"> </head> <body> <table width="980" height="2500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4"> <tr> <td align="center" valign="top"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>代码整理:<a href="http://www.96kb.com/" target="_blank">96看吧</a> 来源:一家购物网</p> <p></p> <p><p>功能:可折叠收缩,可随滚动条滚动。</p></p> <p></p> <!--Adv Begin --> <p align="center"> <script src="http://www.96kb.com/script/adv/728x90.js" type="text/javascript"></script> </p> <!--Adv End --> </td> </tr> </table> <DIV id=luoye 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://www.96kb.com/" target="_blank"><IMG border=0 src="http://www.96kb.com/uploadfile/download/2009/12/10/2009121023235/images/kefu_head.gif"></a> </TD> </TR> <TR> <TD height=5></TD></TR> <TR> <TD height=30 align=middle><SPAN>QQ:28298960</SPAN></TD></TR> <TR> <TD height=30 align=middle><SPAN>QQ:28298960</SPAN></TD></TR> <TR> <TD height=5></TD></TR> <TR> <TD height=35 vAlign=top align=middle><A href="http://www.96kb.com/" target="_blank"><IMG border=0 src="http://www.96kb.com/uploadfile/download/2009/12/10/2009121023235/images/img3-5-btn1.gif" width=90 height=25></A></TD> </TR> <TR> <TD height=38 vAlign=top align=middle><A href="http://www.96kb.com/" target="_blank"><IMG border=0 src="http://www.96kb.com/uploadfile/download/2009/12/10/2009121023235/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>28298960</SPAN></DIV></TD></TR> <TR> <TD align=middle> <DIV class=qun><FONT color=#9b9b9b>商家交流群</FONT><BR><SPAN>28298960</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> kb96=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 (){ kb96 ('luoye',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("luoye"); 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> <!--Count Begin --> <div style="display:none;"> <script src="http://www.96kb.com/script/count.js" language="JavaScript" charset="gb2312"></script> </div> <!--Count End --> </body> </html> |