码迷,mamicode.com
首页 > 移动开发 > 详细

自助移动端弹窗

时间:2016-11-03 13:43:27      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:one   div   插件   注意   z-index   com   move   index   rem   

  移动端能用alert弹窗么?嘿嘿,自己搞一个。

  function alertdiv(){       
     var alertdiv = $(‘<div class="overlay" style="z-index: 99999; left: 0px;"><div class="phone-alert"><div class="phone-alert-panel"><div class="phone-alert-content">请填写正确的手机</div><div class="phone-alert-line"></div><a href="javascript:void(0);" class="pbtn" id="confirmTag">确认</a></div></div></div>‘);
     $("body").append(alertdiv);
     tap($("#confirmTag")[0], function() {
	$(".overlay").remove();
     });
 }

  至于样式大家自己设计一个套一下就可以了。

  效果图如下:

      技术分享

  大家设计css时注意设计弹窗下面的遮罩层,防止下面的页面被点击。

  然后这也不算插件啦,写得有所欠缺,还望海涵。

自助移动端弹窗

标签:one   div   插件   注意   z-index   com   move   index   rem   

原文地址:http://www.cnblogs.com/jiangbanji/p/6025984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!