Old school Swatch Watches
Tạo thanh Load trang giống Youtube cho Wapsite của bạn | HTML - CSS - JS | Thảo luận Wap/Web - DDVP.MOBIE.IN
Trang ChủWap/WebXtgem ClubMediaTruyện Hay
Đăng NhậpĐăng Kí
HomeThảo luận Wap/WebHTML - CSS - JS
Tìm Kiếm | - 1 *Login to reply
▼ Tạo thanh Load trang giống Youtube cho Wapsite của bạn
* Vuongvp1998
• Cấp Bậc: mem
16-12-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, cũng rất dễ thôi, copy paste vào vài cái là xong ngay ấy mà
img
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 ( chính là file header đó )
<link rel="stylesheet" href="http://vuongdz.xtgem.com/css/progress-bar.css">
<script type="text/javascript" src="http://vuongdz.xtgem.com/css/jquery.js"></script>
<script type="text/javascript" src="http://vuongdz.xtgem.com/js/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://vuongdz.xtgem.com/css/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>
Copy code

+ Ở đ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é
+ Nguồn Nhanhnao.XYZ
» Chúc thành công smile
1 người thích bài này!
▲ Tổng số: 1
- BBCode:

- Link:
CHÚ ÝNội quy forum