fnon.js消息通知弹出框插件

fnon.js消息通知弹出框插件源码下载

看看谁在用

查看文件结构

文件大小:0.04M

资源分类: 插件-提示框和弹出层

更新时间: 2021-02-25

fnon.js是一个多功能的网页弹出js插件,多种样式效果,弹出框、通知,警告、确认对话框,和各种类型的web应用程序加载指标。

弹出框调用方法,Light Dark Primay Succes Info Dangers Warning
Fnon.Alert.Light({
     title:'Alert Message',
     message:'Alert Title',
     callback:()=>{
       // callback
     }
});
重写参数配置
Fnon.Alert.Init({
    message: '',
    title: '',    
    titleColor: GColors.Dark,
    titleBackground: GColors.Light,
    color: '#2b2b2b',
    background: 'rgba(0, 0, 0, 0.1)',
    fontFamily: '"Quicksand", sans-serif',
    width: 'nl', // sm, lg, nl, xl
    closeButton: true,
    animation: 'slide-top', // 'fade', 'slide-bottom', 'slide-right' ,'slide-left'
    closeButton: false,
    callback: undefined,
    icon: undefined,
    iconColor: '#000',
    showIcon: false,
    btnOkText: 'Ok',
    btnOkColor: '#d4d4d4',
    btnOkBackground: '#d4d4d4',
    btnOkShadow: 'rgba(0, 0, 0, 0.2)',
    btnOkBorderColor: '#d4d4d4',
    zIndex:4000,
    // Functions
    beforeShow: undefined,
    afterShow: undefined,
});
对话框调用方式
Fnon.Ask.Light({
     title:'Confirm Message',
     message:'Confirm Title',
     callback:(result)=>{
       // callback
     }
});
网页加载中loading动画
Fnon.Wait.Init({
  fontFamily:'"Quicksand", sans-serif',
  svgSize: { w: '100px', h: '100px' },
  svgColor: '#029eff',
  textColor: '#029eff',
  textSize: '16px',
  clickToClose: false,
  background: 'rgba(255,255,255,0.5)',
  zindex: 4000,
  containerSize: '350px'
});
提示框和弹出层Bootstrap网页模板UI_9690_10221

fnon.js消息通知弹出框插件

正在加载文件目录...

也许你还喜欢

  1. jQuery+Animate.css消息提示层通知框插件
  2. jQuery模态弹出框插件
  3. Bootstrap弹出消息通知提示层jQuery插件
  4. bootstrap弹出模态窗口插件
  5. jquery密码输入框插件
  6. toastify.js网页消息通知插件
纯css图片轮播切换层叠样式
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2