Nhiều website sử dụng hiệu ứng loading bằng ảnh động, nhưng tại đây tôi sử dụng html+css

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
      $("#loading").hide();
})
</script>

<div id="loading"> Đang taỉ nội dung, bạn vui lòng đời chút xíu ...</div>

<style>
#loading
{
background:#E8E8FF;
position:relative;
animation:mymove 5s infinite;
-moz-animation:mymove 5s infinite; /*Firefox*/
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
-o-animation:mymove 5s infinite; /*Opera*/
    margin:auto;
    width:300px;
    border-radius:5px;
    text-align:center;
color:#8000FF;
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-moz-keyframes mymove /*Firefox*/
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
@-o-keyframes mymove /*Opera*/
{
from {left:0px;}
to {left:200px;}
}
</style>
<br/>
<iframe src='https://www.google.com.vn/search?q=anh+dep&newwindow=1&safe=off&tbm=isch&source=lnt&tbs=isz:l&sa=X&ei=KC-8UbfWC6ewiQf0pIDYAg&ved=0CBUQpwUoAQ&biw=1366&bih=679'/>

iframe không liên quan gì đến mục đích chính của bài này. Cho iframe vào để cho demo tải thêm nặng để có thêm thời gian thấy hiệu ứng này. Nếu site tải nhanh quá thì không thấy hiệu ứng này.
Lúc rãnh mình làm một cái quay vòng tự động nữa.!
Demo:

Đang taỉ nội dung, bạn vui lòng đời chút xíu ...

tttj of bendoi.vn