Alertia JS Library

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

内容简介: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


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

查看所有标签

猜你喜欢:

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

Algorithms + Data Structures = Programs

Algorithms + Data Structures = Programs

Niklaus Wirth / Prentice Hall / 1975-11-11 / GBP 84.95

It might seem completely dated with all its examples written in the now outmoded Pascal programming language (well, unless you are one of those Delphi zealot trying to resist to the Java/.NET dominanc......一起来看看 《Algorithms + Data Structures = Programs》 这本书的介绍吧!

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

各进制数互转换器

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具