可展开收缩的悬浮QQ在线客服代码代码,JS代码库,德仔网

代码语言

代码分类

【JS】可展开收缩的悬浮QQ在线客服代码

作者:禹福 / 发布于2014/10/10/ 455


	<div id="floatTools" class="float0831">
	 <div class="floatL">
	 <a title="查看在线客服" class="btnOpen" id="aFloatTools_Show" style="display: block;" onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show(); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);">展开</a>
	 <a title="关闭在线客服" class="btnCtn" id="aFloatTools_Hide" style="display: none;" onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide(); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);">收缩</a>
	 </div>
	 <div id="divFloatToolsView" class="floatR">
	 <div class="tp"></div>
	 <div class="cn">
	 <ul>
	 <li class="top">
	 <h3 class="titZx">
	 QQ咨询
	 </h3>
	 </li>
	 <li>
	 <span class="icoZx">在线咨询</span>
	 </li>
	 <li>
	 <a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2278808483&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2278808484:41 &r=0.8940031429092906" alt="长沙写字楼网" title="长沙写字楼网"></a>
	 </li>
	 <li>
	 <a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=954149012&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:954149011:41 &r=0.8940031429092906" alt="长沙写字楼网" title="长沙写字楼网"></a>
	 </li>
	 </ul>
	 <ul>
	 <li>
	 <h3 class="titDh">
	 电话咨询
	 </h3>
	 </li>
	 <li>
	 <span class="icoTl">400-000-000</span>
	 </li>
	 <li class="bot">
	 <h3 class="titDc">
	 <a href="http://www.dezai.cn/" target="_blank">德仔网</a>
	 </h3>
	 </li>
	 </ul>
	 </div>
	 </div>
	 </div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　QQ在线　　展开收缩　　悬浮　

同语言下

可能有用的

禹福贡献的其它代码(2)