首页>>Jquery文字>>右侧整屏都显示的浮动层，可以放置各种联系方式，二维码等(2019-03-13)

右侧整屏都显示的浮动层，可以放置各种联系方式，二维码等

 本例右侧整屏都显示浮动层，高度100%

右侧整屏都显示的浮动层，可以放置各种联系方式，二维码等
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="mui-mbar-tabs">  
  2.     <div class="quick_link_mian">  
  3.         <div class="quick_links_panel">  
  4.             <div id="quick_links" class="quick_links">  
  5.   
  6.   
  7.                 <li>  
  8.                     <a href="#" class="history_list"><i class="view"></i></a>  
  9.                     <div class="mp_tooltip" style=" visibility:hidden;">+020 88818889<i class="icon_arrow_right_black"></i></div>  
  10.                 </li>  
  11.                 <li>  
  12.                     <a href="#" class="mpbtn_histroy"><i class="zuji"></i></a>  
  13.                       
  14.                 </li>  
  15.                 <li>  
  16.                     <a href="https://www.google.com/maps/place/Shinobal+Kitchen+Equipment+Trading+LLC/@21.0100577,55.161992,16z/data=!4m5!3m4!1s0x0:0x9ce77dc1ed059a78!8m2!3d25.0116207!4d55.1591931?hl=zh-CN" class="mpbtn_wdsc"><i class="wdsc"></i></a>  
  17.                       
  18.                 </li>  
  19.                 <li><span>   </span>  
  20.                       
  21.                 </li>  
  22.                 <li>  
  23.                     <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="chongzhi"></i></a>  
  24.                 </li>  
  25.                 <li>  
  26.                     <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="twitter"></i></a>  
  27.                 </li>  
  28.                 <li>  
  29.                     <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="youtube"></i></a>  
  30.                 </li>  
  31.             </div>  
  32.             <div class="quick_toggle">  
  33.                 <li>  
  34.                     <a href="#top"><i class="kfzx"></i></a>  
  35.                 </li>  
  36.                   
  37.             </div>  
  38.         </div>  
  39.         <div id="quick_links_pop" class="quick_links_pop hide"></div>  
  40.   </div>  
  41. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_732.html