橘黄色左侧弹出可折叠的js在线客服代码
- 作者:我爱模版网
- 大小:0.018MB
- 点击次数:
- 发布时间:2014-02-14 14:15
特效介绍
橘黄色的左侧鼠标移上去弹出的可折叠的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> </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> </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在线客服代码,可折叠在线客服代码