hsycmsAlert.js炫酷弹窗插件,包括了经常用到的确认对话框、loading提示、操作成功、操作失败、自定义弹窗内容、文字提示等。
使用说明:
需要引入两个JS文件:jquery.js 和 hsycmsAlert.js
样式文件: hsycmsAlert.css
JS代码:
//普通弹窗
function alert(txt){
hsycms.alert('alert',txt,function(){
hsycms.close('alert');
console.log("点击了确定");
})
}
//提示弹窗
function tips(txt){
hsycms.tips('tips',txt,function(){
console.log("提示关闭后");
},2000)
}
//询问弹窗
function confirm(){
hsycms.confirm('confirm','确定要这么做',
function(res){
hsycms.close('confirm');
hsycms.success('success','点击了确定');
},
function(res){
hsycms.close('confirm');
hsycms.error('error','点击了取消');
},
)
}
//操作成功调用
function success(){
hsycms.success('success','操作成功',function(){ console.log('操作成功关闭后'); },1800)
}
//操作失败调用
function error(){
hsycms.error('error','操作失败',function(){ console.log('操作失败关闭后'); },1800)
}
//显示loading
function loading(){
hsycms.loading('loading','正在加载');
//2秒后隐藏
setTimeout(res=>{
hsycms.hideLoading('loading');
},2000)
}