悬浮右侧可展开搜索的客服代码

最新推荐文章于 2024-09-01 12:12:11 发布

商商-77

最新推荐文章于 2024-09-01 12:12:11 发布

阅读量184

点赞数

文章标签： javascript xhtml ViewUI

本文提供了一段用于实现网站在线客服功能的JS代码。该代码包括了客服窗口的展开与收缩动画效果，支持多种联系方式展示，如QQ咨询、电话咨询等，并且集成了cookie功能以记录用户的操作状态。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metaname="keywords"content="JS代码,{keyword},JS广告代码,JS特效代码"/>
<metaname="description"content="此代码内容为{title}，属于站长常用代码，更多{keyword}代码请访问懒人图库JS代码频道。"/>
<title>{title}_懒人图库</title>
<LINKrel=stylesheettype=text/csshref="css/common.css">
<SCRIPTtype=text/javascriptsrc="js/jquery.js"></SCRIPT>
<SCRIPTtype=text/javascriptsrc="js/kefu.js"></SCRIPT>
</head>
<bodystyle="text-align:center">
<DIVid=floatToolsclass=float0831>
<DIVclass=floatL><Astyle="DISPLAY:none"id=aFloatTools_Showclass=btnOpen
title=查看在线客服
onclick="javascript:$('#divFloatToolsView').animate({width:'show',opacity:'show'},'normal',function(){$('#divFloatToolsView').show();kf_setCookie('RightFloatShown',0,'','/','www.istudy.com.cn');});$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');"
href="javascript:void(0);">展开</A><Aid=aFloatTools_Hideclass=btnCtn
title=关闭在线客服
onclick="javascript:$('#divFloatToolsView').animate({width:'hide',opacity:'hide'},'normal',function(){$('#divFloatToolsView').hide();kf_setCookie('RightFloatShown',1,'','/','www.istudy.com.cn');});$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');"
href="javascript:void(0);">收缩</A></DIV>
<DIVid=divFloatToolsViewclass=floatR>
<DIVclass=tp></DIV>
<DIVclass=cn>
<UL>
<LIclass=top>
<H3class=titZx>QQ咨询</H3>
</LI>
<LI><SPANclass=icoZx>在线咨询</SPAN></LI>
<LI><Aclass=icoTchref="#">A老师</A></LI>
<LI><Aclass=icoTchref="javascript:void(0);">B老师</A></LI>
<LI><Aclass=icoTchref="#">C老师</A></LI>
<LIclass=bot><Aclass=icoTchref="javascript:void(0);">D老师</A></LI>
</UL>
<ULclass=webZx>
<LIclass=webZx-in><Ahref="http://www.lanrentuku.com/"target="_blank"style="FLOAT:left"><IMGsrc="images/right_float_web.png"border="0px"></A></LI>
</UL>
<UL>
<LI>
<H3class=titDh>电话咨询</H3>
</LI>
<LI><SPANclass=icoTl>400-000-0000</SPAN></LI>
<LIclass=bot>
<H3class=titDc><Ahref="http://www.lanrentuku.com/"target="_blank">新版调查</A></H3>
</LI>
</UL>
</DIV>
</DIV>
</DIV>
</body>
</html>