[Đóng góp] Lên đầu trang + Loading

  Bài viết hay nhất1
Demo:

Cho code sau vào cuối Footer
Code:
<a style="right: 0px;" href="#" id="go_top">LÊN ĐẦU TRANG</a>

Tạo 1 Js
In all page

Code:
$(function(){$('body').append('<div id="loading" style="background-color: #2E3539;-webkit-background-clip: padding-box;background-clip: padding-box;left: 0;right: 0;top: 0px;padding: 8px 0;position: fixed;text-align: center;z-index: 99999;background-position: initial initial;background-repeat: initial initial;opacity: .9;"><center><img src="http://metro.eazy.vn/styles/eazy_metro/theme/images/13x13progress.gif"></center></div>');$(window).load(function(){$('#loading').fadeOut(2000,function(){$(this).remove})})});(function(){$('.go_top').click(function(){$('body,html').animate({scrollTop:0},400);return false})})(jQuery);(function(){$(window).scroll(function(){if($(window).scrollTop()==0){$('#go_top').stop().animate({right:-130},300)}else{$('#go_top').stop().animate({right:0},300)}});$('#go_top').click(function(){$('body,html').animate({scrollTop:0},400);return false})})(jQuery);

Css:

Code:
#go_top{background-color:#E52A49;bottom:30px;color:#FFF;display:block;opacity:.3;padding:5px 10px;position:fixed;right:-130px;text-decoration:none}
#go_top:hover{opacity:1}
#go_top{-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;-webkit-transition:all .3s ease 0;transition:all .3s ease 0}

  Bài viết hay nhất2
đẹp mình like bạn nè
The author of this message was banned from the forum - See the message
  Bài viết hay nhất4
@Gang wrote:gom nguyên trong footer có phải đỡ hơn ko mà đi khắp nơi cho loằng ngoằng!
k hiểu biết gì mà cứ thích lên tiếng
người ta phân tích rõ ra như thế để người khác nhìn vào và thấy đâu là js, đâu là css, đâu là html
việc hướng dẫn phân tích từng loại như thế này được khuyến khích
cứ "gom 1 cục", thật là ấu trĩ
  Bài viết hay nhất5
mọi người cãi nhau không... hông aii like ủng hộ hết :(

ý bác @gang có phải là gộp code lại đưa vào footer hết hã, nhưng mà làm từng cái vẫn đỡ rối hơn hihi :D
The author of this message was banned from the forum - See the message
  Bài viết hay nhất7
Gang àk ng` ta làm sao kệ người ta đừng nói kiểu đó k ai thik đâu bạn ạ T.T
  Bài viết hay nhất8
không phải là không được
mà là khi viết bài hướng dẫn nên viết cho rõ ràng, để tiện việc đọc và sửa
còn code share đó, ai muốn gộp thì gộp, ai muốn tách thì tách
bác @Gang có quyền gì mà phê phán @@
  Bài viết hay nhất9
Người ta có lòng share rồi còn nói này nói nọ, gộp chung thì lại bảo sao không tách ra cụ thể cho rõ ràng :v muốn xài sao thì sài đừng lên tiếng này nọ -_-
  Bài viết hay nhất10
Gộp hết thành một cục cũng khá là tiện cho những người mới, chỉ việc đem dán vào mà không biết sửa nó ra sao như thím @Gang :)

Nếu muốn làm loading thì sử dụng .load() là được :v có cái lên đầu trang nếu áp dụng cho những forum quá dài, nhiều code mà lại còn lên bởi mấy máy chậm nữa thì đúng là thảm họa :v đứng máy luôn. Nhưng mà kiểu lên từ từ khá được ưa chuộng nên méo like :v
  Bài viết hay nhất11
@NCat wrote:Gộp hết thành một cục cũng khá là tiện cho những người mới, chỉ việc đem dán vào mà không biết sửa nó ra sao như thím @Gang :)

Nếu muốn làm loading thì sử dụng .load() là được :v có cái lên đầu trang nếu áp dụng cho những forum quá dài, nhiều code mà lại còn lên bởi mấy máy chậm nữa thì đúng là thảm họa :v đứng máy luôn. Nhưng mà kiểu lên từ từ khá được ưa chuộng nên méo like :v
Mình cũng thý vậy á
Nhưng phân chia rõ ràng sẽ ok hơn là gôm 1 cục bự chà bá
You cannot reply to topics in this forum