축소 가능한 오른쪽 부상 QQ 온라인 고객지원 코드 공유

꼭대기
밟다
JQuery로 구현된 펼칠 수 있는 수축 가능한 오른쪽 부상 QQ 온라인 고객지원 코드 공유
소스 코드는 첨부 파일 참조
온라인 데모: www.cslou.com 
전재는 출처 본 코드가 학습 교류에만 한정되어 있음을 명시하고 상업용도로 사용하지 마십시오!   
태그:jQuery
코드 세그먼트(3)
[파일] 축소 가능한 플로팅 QQ 온라인 고객지원 코드.rar ~ 68KB 다운로드(423)
[코드] [JavaScript] 코드
view source
print ? 01 <div id= "floatTools"   class= "float0831" > 02              <div class= "floatL" > 03                  <a title= " "   class= "btnOpen"   id= "aFloatTools_Show"   style= "display: none;" 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> 04                  <a title= " "   class= "btnCtn"   id= "aFloatTools_Hide"   style= "display: block;" 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> 05              </div> 06              <div id= "divFloatToolsView"   class= "floatR" > 07                  <div class= "tp" ></div> 08                  <div class= "cn" > 09                      <ul> 10                          <li class= "top" > 11                              <h3 class= "titZx" > 12                                  QQ 13                              </h3> 14                          </li> 15                          <li> 16                              <span class= "icoZx" > </span> 17                          </li> 18                          <li> 19                              <a class= "qqOn"   target= "_blank" href= "http://wpa.qq.com/msgrd?v=3&uin=2278808484&site=qq&menu=yes" ><img border= "0" src= "http://wpa.qq.com/pa?p=2:2278808484:41 &r=0.8940031429092906" ></a> 20                          </li> 21                          <li> 22                              <a class= "qqOn"   target= "_blank" href= "http://wpa.qq.com/msgrd?v=3&uin=954149011&site=qq&menu=yes" ><img border= "0" src= "http://wpa.qq.com/pa?p=2:954149011:41 &r=0.8940031429092906" ></a> 23                          </li> 24                      </ul> 25                      <ul> 26                          <li> 27                              <h3 class= "titDh" > 28                                  29                              </h3> 30                          </li> 31                          <li> 32                              <span class= "icoTl" >400-000-000</span> 33                          </li> 34                          <li class= "bot" > 35                              <h3 class= "titDc" > 36                                  <a href= "http://www.cslou.com/"   target= "_blank" > </a> 37                              </h3> 38                          </li> 39                      </ul> 40                  </div> 41              </div> 42          </div>

좋은 웹페이지 즐겨찾기