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


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

查看所有标签

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

Growth Hacker Marketing

Growth Hacker Marketing

Ryan Holiday / Portfolio / 2013-9-3 / USD 10.31

Dropbox, Facebook, AirBnb, Twitter. A new generation of multibillion dollar brands built without spending a dime on “traditional marketing.” No press releases, no PR firms, and no billboards in Times ......一起来看看 《Growth Hacker Marketing》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具