[Javascript] AJAX Loading
Trang 1 trong tổng số 1 trang • Share
[Javascript] AJAX Loading
Demo:
màu đen:[You must be registered and logged in to see this image.]
màu xanh:
[You must be registered and logged in to see this image.]
Hướng dẫn:
Javascript:
- Code:
jQuery(function() {
jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i58.servimg.com/u/f58/17/89/00/23/ajax_l10.gif" alt="Loading..."></div>');
jQuery('a').click(function() {
jQuery('#ajax_loading').slideDown();
setTimeout('load()', 1000);
});
});
function load() {
jQuery('#ajax_loading').slideUp('1000');
}
setTimeout('load()', 1000);
CSS
Màu đen:- Code:
#ajax_loading {
background: url("http://i38.servimg.com/u/f38/18/83/30/50/imagee15.png") repeat-x scroll 0px 0px transparent;
border: 1px solid #000000;
border-radius: 0px 0px 5px 5px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
color: rgb(255, 255, 255);
left: 46%;
padding: 5px 0px 8px;
position: fixed;
text-align: center;
top: 0px;
width: 8%;
z-index: 999;
}
Màu xanh:
- Code:
#ajax_loading {
background: url("http://i58.servimg.com/u/f58/17/89/00/23/ajaxlo10.png") repeat-x scroll 0px 0px transparent;
border: 1px solid rgb(123, 166, 13);
border-radius: 0px 0px 5px 5px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
color: rgb(255, 255, 255);
left: 46%;
padding: 5px 0px 8px;
position: fixed;
text-align: center;
top: 0px;
width: 8%;
z-index: 999;
}
Nguồn: help.forumtion.com
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15473
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :Online Offline
Tuổi : 26
Location : Ninh Thuận
[Click để xem tài sản HelpsFMvi]
Similar topics
» [Javascript] Tạo nút thêm bạn bè
» [Javascript] Tạo tiền tố tiêu đề
» [Javascript] Avatar người gửi bài ở box
» [Javascript] Image Resizer
» [Javascript] Night Mode
» [Javascript] Tạo tiền tố tiêu đề
» [Javascript] Avatar người gửi bài ở box
» [Javascript] Image Resizer
» [Javascript] Night Mode
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|