Ring ring

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Share code Hiệu ứng Load trang đẹp giống Youtube

Admin* RoSino18k *
* 15-02-2016

Thông thường khi các bạn lướt trên Youtube thì nó có hiệu ứng load trang bằng một thanh ngang nhỏ trông rất đẹp, vậy làm thế nào để có được thanh load như vậy, bài viết sau mình sẽ hướng dẫn các bạn cách làm code thanh load youtube, cũng rất dễ thôi, copy paste vào vài cái là xong ngay ấy mà vui



→demo: *http://nhanhnao.xyz/example/progress-bar/index.html

Share code Hiệu ứng Load trang đẹp giống Youtube
[Tải ảnh]


Làm như thế nào: Các bạn chỉ cần cho đoạn code sau vào phần đầu trang của Wapsite (header):
<link rel="stylesheet" href="http://nhanhnao.xyz/theme/default/progress-bar.css">
<script type="text/javascript" src="http://nhanhnao.xyz/cdn/jquery.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script src="http://nhanhnao.xyz/cdn/nprogress.js"></script>
<script>
$(document).ready(function() {
NProgress.start();
$('#nprogress .bar').css({'background': '#2196F3'});
$('#nprogress .bar').css({'border': '0px solid #009688'});
$('#nprogress .peg').css({'box-shadow': '0 0 10px #2196F3, 0 0 5px #2196F3'});
$('#nprogress .spinner-icon').css({'border-top-color': '#2196F3', 'border-left-color': '#2196F3'});
NProgress.done();
});
</script>

Ở đoạn code trên các bạn có thể thay đổi mã màu hoặc style theo cách của bạn nhé hoho
Chúc các bạn thành công!

Nguồn: Thạch - Diễn đàn NhanhNao.Xyz
↓ Tập tin Đính kèm ↓
↑↑ Lượt xem: 927
score
Đánh giá: 4.5/ 5, 927 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-2-927]