插件描述：原生js弹窗插件poplayer.js，轻量级未压缩7kb
使用方法
1、消息提示框
语法：poplayer.msg('提示文字','提示框几秒后消失','跳转连接;-1返回上一页;1返回上一页并刷新;其他跳转连接')
1 2 3 4 5 6 7 8 9 10 | //3秒后自动关闭提示框document.getElementById("msg_btn1").onclick = function(){ // 调用插件 poplayer.msg('3秒后自动消失');};// 2秒后自动跳转我的网站document.getElementById("msg_btn2").onclick = function(){ // 调用插件}; |
2、警示对话框
语法：poplayer.alert('提示文字','按钮文案','跳转连接;-1返回上一页;1返回上一页并刷新;其他跳转连接') **/
1 2 3 4 5 6 7 8 9 10 | //确定关闭提示框document.getElementById("alert_btn1").onclick = function(){ // 调用插件 poplayer.alert('确定关闭提示框');};// 点击按钮跳转到我的网站document.getElementById("alert_btn2").onclick = function(){ // 调用插件}; |
3、确认对话框
语法：poplayer.confirm('提示文字','按钮1文案','按钮2文案','跳转连接;-1返回上一页;1返回上一页并刷新;其他跳转连接') **/
1 2 3 4 5 | //确定跳转取消关闭提示框document.getElementById("confirm_btn1").onclick = function(){ // 调用插件}; |
4、信息输入框
语法：poplayer.prompt('提示文字','按钮1文案','按钮2文案','跳转连接;-1返回上一页;1返回上一页并刷新;其他跳转连接','输入框提示文字','是否必填true/false') **/
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | //跳转携带输入参数document.getElementById("prompt_btn1").onclick = function(){ // 调用插件};//输入参数必填document.getElementById("prompt_btn2").onclick = function(){ // 调用插件};//单个按钮document.getElementById("prompt_btn3").onclick = function(){ // 调用插件};//调用自定义方法document.getElementById("prompt_btn4").onclick = function(){ // 调用插件 poplayer.prompt1('跳转携带输入参数','确定','','请输入你的姓名',true,function(data){ document.body.removeChild(document.getElementById("pop_tip")); // 关闭上一个弹层 poplayer.msg('获取到输入的值：'+data); });}; |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com