Code này có tác dụng hiển thị 1 nút sau khi click nó sẽ dẫn lên head và biến mất, kéo xuống nó lại hiện lên.
Thích chỉnh màu mè thế nào tùy ý. Gắn vào cuối trang nhé, footer luôn cũng được. Giống nút góp ý trên http://mp3.zing.vn
HTML:
<style type='text/css'> #bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;} #bttop:hover{border:1px solid #ffa789;background:#ff6734;} </style> <div id='bttop'>BACK TO TOP</div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script><script type="text/javascript" src="vietvbb/topx/vietvbb_topx.js?v=420"></script> <script type="text/javascript" src="vietvbb/topx/wz_tooltip.js?v=420"></script>