1 [Code] Hiệu ứng Loading cực pro Thu May 17, 2012 4:47 pm
- DEMO:
- Hướng dẫn :
+ Bước 1 : Thêm đoạn sau vào Css :
Vào MODULES HTML & JAVASCRIPT Javascript codes management tạo 1 Javascript mới
Title * : Loading pro
Placement : In all the pages
Javascript Code * :
- Hướng dẫn :
+ Bước 1 : Thêm đoạn sau vào Css :
- Code:
/* Load ding */
#loadlig{background:#000;background-color:rgba(0,0,0,0.5);color:#fff;filter:Alpha(opacity=80);float:left;font-size:22px;height:100%;left:0;position:fixed;text-align:center;text-shadow:0 1px 0 #000;top:0;width:100%;z-index:999}.load1{background:#333;border:5px solid rgba(255,255,255,0.1);border-radius:12px;height:50px;margin:150px auto;width:50px}
- Code:
<div id="loadlig">
<div class="load1">
<img src="http://www.thismanslife.co.uk/images/loading.gif" style='margin-top: 17px;'/>
</div>Loading...
</div>
Vào MODULES HTML & JAVASCRIPT Javascript codes management tạo 1 Javascript mới
Title * : Loading pro
Placement : In all the pages
Javascript Code * :
- Code:
$(document).ready(function(){$(window).load(function(){$('#loadlig').fadeOut(2000,function(){$(this).remove})})});
Last edited by admin on Thu May 17, 2012 7:47 pm; edited 1 time in total