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

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}

đẹp mình like bạn nè

gom nguyên trong footer có phải đỡ hơn ko mà đi khắp nơi cho loằng ngoằng!

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ĩ

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

ờ ý tui là thế!

Gang àk ng` ta làm sao kệ người ta đừng nói kiểu đó k ai thik đâu bạn ạ T.T

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 @@

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ọ -_-

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

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á