Share code loadding cho trang wap
07.09.2014/08:44
Chắc khỏi cần demo các bạn cũng hiểu bởi vì code chác ai cũng hiễu nguyên lý hoạt động của nó...Nhắc trước có thỳ share, mà đã share không dùng thỳ đừng ns bậy... Gét lắm..
Tùy chỉnh link ảnh thay dc:
top: 0;Là vị trí của ảnh loadding so với lề trên.
right: 0;Là vị trí của ảnh loadding so với lề phải.
bottom: 0;Là vị trí của ảnh loadding so với lề dưới.
left: 0;Là vị trí của ảnh loadding so với lề trái.
<?php
<style>
#abt-page-loader {
position : fixed!important;
top : 0;
right : 0;
bottom : 0;
left : 0;
z -index: 9999;
background :#000 url('http://4.bp.blogspot.com/-OS3vVHWps6I/UrDsiE-44rI/AAAAAAAAAN4/kfkZdMUyjSg/s1600/loadding+google++.gif') no-repeat 50% 30%;
color : #FFF;
display : none;
font : 0/0 a;
text -shadow: none;
padding : 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$( '#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
?>
- Hi. Xin chào! Mozilla/5.0
