Tạo thông báo Notification cho website cực ngầu bằng thư viện jQuery
Hôm nay mình viết bài tạo thông báo Notification cho website cực ngầu 😁, cực chất 😋, cực trất'ss 😘 bằng thư viện jQuery cực chất cho anh em xài nhé.
Toàn bộ các thư viện này xài rất đơn giản, cấu hình 30s là bung lụa xài thôi, kaka.
Muốn chỉnh chu đàng hoàng thì vô trang chủ cài thêm config nha 🤩
Notify.js
Notify.js is a jQuery plugin to provide simple yet fully customisable notifications. The javascript code snippets in this documentation with the green edge are runnable by clicking them.
Cách xài: import jQuery, Notify.js là xài thôi
<!DOCTYPE html>
<html>
<head>
<title>Notification cực ngầu, cực chất, cực trất'ss</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/styles/metro/notify-metro.css" />
<script type="text/javascript">
function notify() {
$.notify("Access granted", "success");
}
</script>
</head>
<body>
<a href="#" onclick="notify()">Notify</a>
</body>
</html>Demo 1 cái thôi nha, mấy cái khác anh em vô trang chủ coi nó bày cách làm nghen ở đây mình giới thiệu cho anh em biết thôi.
PNotify
Beautiful JavaScript notifications.
Toastr
toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.
bootstrap-notify
Show alert mang phong cách bootstrap, show nhiều quá thì chạy ra 4 góc coi chỗ nào trong nó show, tha hồ mà notify 😁
Noty
Thanh niên này chơi animation giật giật, kool nhé.
Alertify.js
Ngoài show notify 4 góc bình thường ra còn show notify bự chà bá ra giữa màn hình, cái này thích hợp quảng cáo, show like box facebook các kiểu nha.
mouse0270-bootstrap-notify
This is a simple plugin that turns standard Bootstrap alerts into "Growl-like" notifications.
Humane.js
A simple, modern, framework-independent, well-tested, unobtrusive, notification system.
Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.
ng-notify
A simple, lightweight module for displaying notifications in your AngularJS app.
Thấy ng là thấy AngularJS rồi.
...
Anh em đang xài gì comment nào 😱😱
Ủng hộ Chung Nguyễn Blog
Chung Nguyễn Blog sử dụng FlashVPS - Dịch vụ quản trị máy chủ chuyên nghiệp để quản lý VPS
#FlashVPS là dịch vụ cloud panel trên nền tảng web hỗ trợ khách hàng:
- * Quản lý máy chủ số lượng nhiều
- * Không có kinh nghiệm quản lý máy chủ
- * Thích sử dụng giao diện web đơn giản, trực quan hơn terminal
- * Quá nhàm chán với việc ghi nhớ và lặp lại việc gõ các câu lệnh
- * Muốn tự động hóa mọi thao tác
- * Muốn tiết kiệm thời gian quản trị máy chủ
- * Muốn tiết kiệm tiền bạc, nhân lực quản trị máy chủ 👉 https://flashvps.dev
Các bài viết trên website thường xuyên được đăng tải và cập nhật trên trang Facebook Chung Nguyễn Blog hãy tặng cho Chung một LIKE nhé! Mãi yêu các bạn!
813 👍Đánh giá bài viết
Bình luận
x2teamno1
Chung Nguyễn
https://vinga.ga/laravel/huong-dan-lam-push-notifications-don-gian-tren-laravel-voi-onesignal/ nè bạn.x2teamno1