7/06/2011 01:02:00 AM
Lê Hoàng Anh
Với những trang web có phần nội dung khá dài thì nút BACK TO TOP này giúp người đọc tiết kiệm thời gian khi phải rê chuột lên trên cùng của trang.
Bạn vào trong phần Thiết kế-->Chỉnh sửa HTML--> Tìm thẻ </body> và chèn đoạn code này vào phía trên của thẻ đó. Rồi bấm vào nút "Lưu mẫu".
(Trích : noct-land)
Bạn vào trong phần Thiết kế-->Chỉnh sửa HTML--> Tìm thẻ </body> và chèn đoạn code này vào phía trên của thẻ đó. Rồi bấm vào nút "Lưu mẫu".
<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>
#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>
(Trích : noct-land)
Posted in 
Chưa có nhận xét cho: "Tạo nút "Lên đầu trang" (back to top)"
Post a Comment