alertBox - 移动端自定义弹出层，iOS调用原生弹窗，其它调用自定义

jopen 9年前

alertBox

移动端自定义弹出层，iOS调用原生弹窗，其它调用自定义

说明：

<p>@ 移动端自定义弹出层 </p> <p>@ 用法</p> 
<link rel="stylesheet" href="styles/stylesheets/alertbox.css">   <script src="alertBox.js"></script>
<p>@ 说明：样式用的sass，单位用的rem，需设置根字体大小</p> 
var fontsize = document.body.clientWidth / 10;   document.documentElement.style.fontSize = fontsize + "px";
<p>@ 功能 </p>
  • 1、普通弹窗 @params 提示字符窜，跳转url（可选）
  • 2、警告框 @params 提示字符窜，点击确定后的回调函数（可选）
  • 3、prompt @params 文本输入placeholder，点击确定后的回调函数（可选）
<p>@ 环境：iOS调用原生弹窗，其它调用自定义 </p> <p>@ 初始化</p> 
var AlertBox = new AlertBox(    {      debug: false, //开启后，在iOS中也调用自定义弹窗      alertBoxKeepTime: 500, //普通弹窗显示时间      animationDuration: 300, //弹窗动画经历时间      promptMaxlength: 30 //prompt文本输入的最大长度    }  );
<p>@例子：</p>

1、普通弹窗不带链接

AlertBox.alerts("222");

2、普通弹窗带链接

AlertBox.alerts("222", "ymblog.net");

3、警告框带回调

AlertBox.confirms("提示文字", function () {    AlertBox.alerts("222");  });

4、prompt带回调

AlertBox.confirms("placeholder文字", function () {    AlertBox.alerts("222");  });
<p>@ authur JmingZI</p>



项目地址： https://github.com/JMingZI/alertBox