iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 4
4
Modern Web

30天學習30套前端技術(2018年)系列 第 4

[十分鐘學習] ALERTIFY.js - 提示訊息美肌

  • 分享至 

  • xImage
  •  

example1

ALERTIFY.js是為了美化通知訊息而生的JavaScript框架

GitHub Star: 4,300
Javascripting Overall: 67%
瀏覽器: ChromeFirefoxIE7+
RWD: 支援
License: MIT


《安裝》

  • CDN

      <!-- ALERTIFY.js v0.3.11 -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/alertify.js/0.3.11/alertify.core.min.css" rel="stylesheet" />
      <link href="https://cdnjs.cloudflare.com/ajax/libs/alertify.js/0.3.11/alertify.default.min.css" rel="stylesheet" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/alertify.js/0.3.11/alertify.min.js"></script>
    
  • Bower

      $ bower install alertify.js
    

《範例》


《延伸》

  1. alertify.js - browser dialogs never looked so good
  2. fabien-d/alertify.js: JavaScript Alert/Notification System

上一篇
[十分鐘學習] JQuery lightSlider - 圖片滑起來
下一篇
[十分鐘學習] pickadate.js - 日期/時間選擇器
系列文
30天學習30套前端技術(2018年)61
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言