您现在的位置是:网站首页>原创系统>JS特效插件JS特效插件

神夜原创炫酷弹窗插件hsycmsAlert.js

神夜2020-10-30 09:16:43JS特效插件17765人已围观文章来源:神夜个人博客

简介包括操作成功,操作失败,LOADING,自定义弹窗,普通弹窗,询问弹窗,提示窗等。

演示地址

hsycmsAlert

介绍

包括操作成功,操作失败,LOADING,自定义弹窗,普通弹窗,询问弹窗,提示窗等。

安装教程

请demo里面的 HTML结构复制到自己项目 再引入JS文件:jquery.js 和 hsycmsAlert.js 样式文件: hsycmsAlert.css

使用说明

<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.hideLoading();
      },2000)
   }

 </script>

源码下载:https://gitee.com/sywlgzs/hsycmsAlert

站点信息

  • 建站时间:2017-10-24
  • 网站程序:Hsycms 3.0
  • 文章统计:511条
  • 微信公众号:扫描二维码,关注我们