- Hi. Xin chào! claudebot
Share code loadding cho trang wap07.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>
?>
<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>
?>
Tag:
Bạn đến từ:
Share: 
Tool tiện ích admin,KhoGame360,Blog thủ thuật,kenh380
,truyen23h
,tai hinh nen naruto,kenhpro - wap hay,vmt - wap hay, Trần Phú Hiền Blog
,truyen23h
,tai hinh nen naruto,kenhpro - wap hay,vmt - wap hay, Trần Phú Hiền Blog