阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      jQuery Noty

      插件 jQuery.noty 中文 API 文档

      noty 是一个 jQuery 的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件。

      Github:https://github.com/needim/noty

      <p align="center">
        <a href="http://ned.im/noty?ref=readme">
          <img src="http://ned.im/noty/_media/noty-v3-logo.png" width=200 height=70>
        </a>
      
        <p align="center">
          Dependency-free notification library.
          <br>
          <a href="http://ned.im/noty"><strong>Documentation &raquo;</strong></a>
        </p>
      
        <p align="center">
          <a href="https://github.com/needim/noty/releases"><img src="https://img.shields.io/github/release/needim/noty.svg" alt="GitHub release"></a>
          <a href="https://bower.io/"><img src="https://img.shields.io/bower/v/noty.svg" alt="Bower version"></a>
          <a href="https://www.npmjs.com/package/noty"><img src="https://img.shields.io/npm/v/noty.svg" alt="NPM version"></a>
          <a href="https://packagist.org/packages/needim/noty"><img src="https://img.shields.io/packagist/v/needim/noty.svg" alt="Packagist version"></a>
          <a href="https://cdnjs.com/libraries/noty"><img src="https://img.shields.io/cdnjs/v/noty.svg" alt="CDNJS version"></a>
          <br>
          <img src="https://img.shields.io/david/needim/noty.svg" alt="Dependencies">
          <img src="https://img.shields.io/david/dev/needim/noty.svg" alt="Dev Dependencies">
          <br>
          <a href="https://travis-ci.org/needim/noty"><img src="https://img.shields.io/travis/needim/noty/master.svg" alt="Travis"></a>
          <a href="https://www.npmjs.com/package/noty"><img src="https://img.shields.io/npm/dm/noty.svg?label=npm%20downloads" alt="NPM Downloads"></a>
          <a href="https://github.com/needim/noty/graphs/contributors"><img src="https://img.shields.io/github/contributors/needim/noty.svg" alt="Contributors"></a>
        </p>
      </p>
      

      介绍

      NOTY 是一个通知库,可以轻松创建警报 - 成功 - 错误 - 警告 - 信息 - 确认消息,以替代标准警报对话框。

      通知可以放置在; 顶部 - 左上 - topCenter - topRight - 中心 - centerLeft - centerRight - 底 - BOTTOMLEFT - bottomCenter - bottomRight

      API 中还有许多其他选项可以自定义文本,动画,按钮等等。

      它还具有用于按钮的各种回调,即打开,关闭通知和队列控制。

      特征

      <table>
        <tr>
          <td vlign="center">
            <a target="_blank" href="https://pusher.com/?utm_source=needim&utm_medium=paid&utm_campaign=needim">
              <img src="http://ned.im/noty/_media/pusher_logo_dark.png" width="160" alt="">
            </a>
          </td>
          <td vlign="center">
            <a target="_blank" href="https://www.jetbrains.com?ref=notyjs">
              <img src="http://ned.im/noty/_media/logo_JetBrains_4.svg" width="80" alt="">
            </a>
          </td>
          <td vlign="center">
            <a target="_blank" href="https://www.browserstack.com?ref=notyjs">
              <img src="http://ned.im/noty/_media/browserstack.svg" width="220" alt="">
            </a>
          </td>
          <td vlign="center">
            <a target="_blank" href="https://goo.gl/ttbzE4">
              <img src="http://ned.im/noty/_media/site_splat.svg" width="235" alt="">
            </a>
          </td>
        </tr>
      </table>
      

      文档

      英文文档在这里:http://ned.im/noty

      基本用法

      import Noty from 'noty';
      
      new Noty({
          text: 'Notification text'
      }).show();
      
      // or
      
      const Noty = require('noty');
      
      new Noty({
          text: 'Notification text'
      }).show();
      
      

      开发

      $ npm run dev
      $ npm test
      $ npm run build
      $ npm run browserstack
      $ npm run serve-docs
      
      开发环境

      JavaScript Style Guide

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录