熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js可展開收縮的懸浮QQ在線客服腳本

2013-11-15 12:00:56  來源: JSP教程 

  <div id="floatTools" class="float"> <div class="floatL"> <a title="查看在線客服" class="btnOpen" id="aFloatTools_Show" style="display: block;" onclick="javascript:$(#divFloatToolsView)animate ({width: show opacity: show} normalfunction(){ $(#divFloatToolsView)show(); }); $(#aFloatTools_Show)attr(styledisplay:none); $(#aFloatTools_Hide)attr(styledisplay:block);" href="javascript:void();">展開</a> <a title="關閉在線客服" class="btnCtn" id="aFloatTools_Hide" style="display: none;" onclick="javascript:$(#divFloatToolsView)animate ({width: hide opacity: hide} normalfunction(){ $(#divFloatToolsView)hide(); }) ;$(#aFloatTools_Show)attr(styledisplay:block); $(#aFloatTools_Hide)attr(styledisplay:none);" href="javascript:void();">收縮</a> </div> <div id="divFloatToolsView" class="floatR"> <div class="tp"></div> <div class="cn"> <ul> <li class="top"> <h class="titZx"> QQ咨詢 </h> </li> <li> <span class="icoZx">在線咨詢</span> </li> <li> <a class="qqOn" target="_blank" href=" <img border="" src=":: &r=" alt="長沙寫字樓網" title="長沙寫字樓網"></a> </li> <li> <a class="qqOn" target="_blank" href=" <img border="" src=":: &r=" alt="長沙寫字樓網" title="長沙寫字樓網"></a> </li> </ul> <ul> <li> <h class="titDh"> 電話咨詢 </h> </li> <li> <span class="icoTl"></span> </li> <li class="bot"> <h class="titDc"> <a href="長沙寫字樓網</a> </h> </li> </ul> </div> </div> </div>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20087.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.