推荐一款酷炫的弹窗插件特效代码hsycmsAlert.js

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)
   }

预览地址:https://www.mabangzhu.com/jquery/2187.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值