hsycmsAlert是一款jquery炫酷弹出层弹出框插件

hsycmsAlert是一款jquery炫酷弹出层弹出框插件

hsycmsAlert是一款jquery炫酷弹出层弹出框插件。适用各种弹窗,包括loading,操作成功,操作失败,自定义弹窗内容,文字提示等。

使用方式:

第一步引入bfwone 加载依赖项jquery

 <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
 

第二步use插件及css和主题css

   <script type="text/javascript">
        bready(function() {
            use(["hsycmsAlert.min", "hsycmsAlert.min"], function() {
                hsycms.alert("测试",()=>{
    				console.log("关闭后");
    			})
            });
        });
    </script>

第三步配置参数

  //参数说明 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)
       }

完整代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["hsycmsAlert.min", "hsycmsAlert.min"], function() {
                  hsycms.confirm('确定要这么做',
             function(res){            
                hsycms.success('点击了确定');
             },
            function(res){
                hsycms.fail('点击了取消');
             },
          )
            });
        });
    </script>
     <style>
      </style>
</head>
<body>
   
</body>
</html>
		
		



立即下载hsycmsAlert.min.js查看所有js插件

网友评论0

程序员在线工具箱