js可展开收缩的悬浮QQ在线客服脚本
2012-11-16 12:34:36 来源:WEB开发网核心提示:<div id="floatTools" class="float0831"><div class="floatL"><a title="查看在线客服" class="btnOpen" id
<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.cslou.com/" target="_blank">长沙写字楼网</a> </h3> </li> </ul> </div> </div> </div>
更多精彩
赞助商链接