html登入弹框插件,index.html

hsycmsAlert弹窗插件

body,html{ width:100%; height:100%;}

body{ max-width:640px; margin:0 auto;}

.btnss{

display:flex;

height:100%;

justify-items: center;

flex-direction: column;

justify-content: center;

}

.box{ padding:20px; background:#f1f1f1; overflow: hidden; color:#333;}

.box h2{ font-size:16px; padding-bottom:12px;}

.box h3{color:#f54655; font-size:15px;}

.box p{ font-size:14px; color:#444; padding-top:10px;}

.btnss button{ padding:10px; cursor: pointer; height:40px; min-width:120px;border:0; color:#FFF; margin:10px 0; border-radius:40px;}

hsycmsAlert弹窗插件 炫酷动画

普通弹窗

提示弹窗

询问弹窗

Loading

成功

失败

使用说明

引入：jquery.js 和 hsycmsAlert.js
样式文件： hsycmsAlert.css

//参数说明 id,文字,方法

//普通弹窗

function alert(txt){

hsycms.alert(txt,()=>{

console.log("关闭后");

})

}

//提示弹窗

function tips(txt){

hsycms.tips(txt,()=>{

console.log("提示关闭后");

},2000)

}

//询问弹窗

function confirm(){

hsycms.confirm('确定要这么做',

function(res){

hsycms.success('点击了确定');

},

function(res){

hsycms.fail('点击了取消');

},

)

}

//操作成功调用

function success(){

hsycms.success('操作成功',()=>{ console.log('操作成功关闭后'); },1800)

}

//操作失败调用

function error(){

hsycms.fail('操作失败',()=>{ console.log('操作失败关闭后'); },1800)

}

//显示loading

function loading(){

hsycms.loading('正在加载');

//2秒后隐藏

setTimeout(res=>{

hsycms.closeAll();

},2000)

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史