DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js可展開收縮的懸浮QQ在線客服腳本
js可展開收縮的懸浮QQ在線客服腳本
編輯:JavaScript綜合知識     
<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>

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved