Notiflix Library แจ้งเตือนสำหรับเว็บไซต์ ดีไซต์สวย น่าใช้

Posted by tospichai on May 27, 2021
profile
tospichai

Posted on May 27, 2021

#javascript

Notiflix คือ pure JavaScript library client-side ทั้งแจ้งเตือน, ป๊อปอัพ, Loading ที่มีให้เลือกใช้อย่างครบถ้วน

ขั้นตอนแรกเลยนะครับ เข้าไปที่เว็บไซต์ Notiflix | a JavaScript library for client-side non-blocking notifications.

เมื่อโหลดไฟล์เสร็จแล้ว เมื่อแตกไฟล์แล้ว ไฟล์ที่เราจะใช้จะอยู่ใน

Notiflix-2.7.0/src/notiflix.css
Notiflix-2.7.0/src/notiflix.js

ให้เรา Copy ใส่ในโฟลเดอร์ Project ของเราแล้วใส่ลิ้งไว้ในที่ <head>

<link href="http://127.0.0.1:8000/css/notiflix.css" rel="stylesheet"/>
<script src="http://127.0.0.1:8000/js/notiflix.js"></script>

เพียงแค่ใช้

<script>Notiflix.Notify.Success('แจ้งเตือนสำเร็จ');</script>

อ่าน Docs ได้ต่อที่นี้เลยครับ Documentation | Notiflix

profile

tospichai

Follow

Hey! 👋 I'm a Back-End Developer.
I graduated with a bachelor's degree in Finance from Kasetsart university.
I created a blog to share my knowledge with everyone.
In the future I will let everyone share their knowledge on my blog.

location

Thailand, Bangkok

work

Back-End Web Developer

joined

May 22, 2021

Login