Alertia JS Library

栏目: IT技术 · 发布时间: 6年前

内容简介:Make your notifications

Welcome to Alertia!

Make your notifications awesome

Alertia JS Library

Visit a visual guide on

Live website

Source code Alertia on github

How it looks?

Alertia JS Library

Want a replacement from old looking js alert ?

Then just don't worry! Alertia can do it for you, by just a one line of code you can get a beautifull alert messages!

Alertia is a JS library to get awesome instant alert!

Just use:

alertia("A simple alert");

and you get this:

Alertia JS Library

much better , customizable than simple js alert

Alertia JS Library

Getting started

Link alertia js script through JSdelivr

  1. Insert this script in <head></head>
<script src="https://cdn.jsdelivr.net/gh/abhiprojectz/alertia/dist/alertia.js"></script>
  1. Now just call alertia
<script type="text/javascript"> 

alertia("a simple pop");

</script>

It also supports JSON type formatting to make it simple and easily customizable!

Installation

All you need is a script via CDN, rest it needs 0 installation

Syntax

Basic

The order is "msg" , "type" , "style" & "time"

for eg:

alertia("Hi! i'm on", "normal" , 3000);

Advanved

Use json object formatting as:

=> "msg": "a random msg",

"type":"normal",

"style":"slit",

"time":"3000"

for eg:

alertia({"msg": "a random msg",

"type":"normal",

"style":"slit",

"time":"3000"});

Features

Alertia have various features that a modern alert should have!

Different types of type, style etc

Type

it has 3 types

  1. normal just a normal noification etc

Alertia JS Library

  1. Danger for error, break code etc

Alertia JS Library

  1. success for finishing of task etc

Alertia JS Library

Style

To change animations you need to use style , alertis has lots of animation including roll , fade , slit , bounce etc...

Timer

To access use time:

Preview

Alertia JS Library

At last

Alertia JS Library

If you found this helpfull then do give it a star/upvote etc.

Created with JS by @abhiprojectz


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

增长黑客

增长黑客

Sean Ellis / 张溪梦 / 中信出版集团股份有限公司 / 2017-11-1 / CNY 59.00

脸谱网如何从默默无闻到坐拥二十几亿用户? 爱彼迎、优步何以在短短时间估值超过百亿美元? 领英怎样跨步成为全球领先的职业社交平台? 这些初创公司实现爆发式成长的共同奥秘就是增长黑客。 增长黑客是硅谷当下热门的新商业方法论,其精髓在于通过快节奏测试和迭代,以极低甚至零成本获取并留存用户。 作为最早提出“增长黑客”概念的理论先驱、带领Dropbox实现500%增长的实战领军......一起来看看 《增长黑客》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

SHA 加密
SHA 加密

SHA 加密工具