右侧整屏都显示的浮动层,可以放置各种联系方式,二维码等
本例右侧整屏都显示浮动层,高度100%
XML/HTML Code
- <div class="mui-mbar-tabs">
- <div class="quick_link_mian">
- <div class="quick_links_panel">
- <div id="quick_links" class="quick_links">
- <li>
- <a href="#" class="history_list"><i class="view"></i></a>
- <div class="mp_tooltip" style=" visibility:hidden;">+020 88818889<i class="icon_arrow_right_black"></i></div>
- </li>
- <li>
- <a href="#" class="mpbtn_histroy"><i class="zuji"></i></a>
- </li>
- <li>
- <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>
- </li>
- <li><span> </span>
- </li>
- <li>
- <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="chongzhi"></i></a>
- </li>
- <li>
- <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="twitter"></i></a>
- </li>
- <li>
- <a href="http://www.freejs.net" class="mpbtn_recharge" target="_blank"><i class="youtube"></i></a>
- </li>
- </div>
- <div class="quick_toggle">
- <li>
- <a href="#top"><i class="kfzx"></i></a>
- </li>
- </div>
- </div>
- <div id="quick_links_pop" class="quick_links_pop hide"></div>
- </div>
- </div>
原文地址:http://www.freejs.net/article_jquerywenzi_732.html