![[code] Ajax Loading kiểu IPBoard User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[code] Ajax Loading kiểu IPBoard SSHoNEq](https://i.imgur.com/sSHoNEq.png)
![[code] Ajax Loading kiểu IPBoard Dg3w4b3](https://i.imgur.com/Dg3w4b3.png)
Cách làm :
:Bài viết không bị Ẩn:
[Bài viết không bị Ẩn]
HTML & JAVASCRIPT
- Code:
jQuery(function() {
jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>');
jQuery('a').click(function() {
jQuery('#ajax_loading').slideDown();
setTimeout('load()', 5000);
});
});
function load() {
jQuery('#ajax_loading').slideUp('2000');
}
setTimeout('load()', 5000);
css
- Code:
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 10000;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
[/Bài viết không bị Ẩn]
