layer_mobile手机弹层插件

效果图为：app\1\plug\layer\index.html

layer插件官网：http://layer.layui.com/mobile/

 

HTML代码为：

<!--客服弹窗 start-->
<div id="kefushow" class="hide_ch">
     <div class="kefu-show">
          <h2 class="border_bottom cl"><span class="close right">×</span>咨询客服MM</h2>
          <a href="tel:4008885030" class="border_bottom"><i class="phone"></i>拨打客服电话：400-888-5030</a>
          <a href="javascript:;" class="border_bottom"><i class="wx"></i>微信关注"阳光海岛"进行人工咨询</a>
          <a href="http://wpa.qq.com/msgrd?v=3&uin=308603039&site=qq&menu=yes" class="border_bottom"><i class="qq"></i>加客服QQ：308603039</a>
     </div>
</div>
<!--客服弹窗 end-->
<div class="global_nav">
     <div class="nav_item">
          <a href="javascript:void(0);" id="kefu_contact" class="nav_link">
             <img src="images/ico_touch_02.png" height="25">
             <span class="nav_tit">客服</span>
          </a>
     </div>
</div>

JS代码为：

<script type="text/javascript">
$(function(){
$("#kefu_contact").click(function () {
     layer.open({
          type:1,
          content:$("#kefushow").html(),
          style:'width:'+($(window).width()*0.9)+'px;max-height:'+($(window).height()*0.9)+'px;border-radius:5px;border:none;',
          success:function(olayer){
            var cla ='getElementsByClassName';olayer[cla]('close')[0].onclick =function () {layer.closeAll();}
          }
        });
   });
});
</script>