alertBox - 移動端自定義彈出層,iOS調用原生彈窗,其它調用自定義
alertBox
移動端自定義彈出層,iOS調用原生彈窗,其它調用自定義
說明:
<p>@ 移動端自定義彈出層 </p> <p>@ 用法</p><link rel="stylesheet" href="styles/stylesheets/alertbox.css">
<script src="alertBox.js"></script> sass,單位用的rem,需設置根字體大小</p>
var fontsize = document.body.clientWidth / 10;
document.documentElement.style.fontSize = fontsize + "px"; - 1、普通彈窗
@params 提示字符竄,跳轉url(可選) - 2、警告框
@params 提示字符竄,點擊確定后的回調函數(可選)
- 3、prompt
@params 文本輸入placeholder,點擊確定后的回調函數(可選)
</ul>
<p>@ 環境:iOS調用原生彈窗,其它調用自定義 </p>
<p>@ 初始化</p>
var AlertBox = new AlertBox(
{
debug: false, //開啟后,在iOS中也調用自定義彈窗
alertBoxKeepTime: 500, //普通彈窗顯示時間
animationDuration: 300, //彈窗動畫經歷時間
promptMaxlength: 30 //prompt文本輸入的最大長度
}
); 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");
}); 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!