![[CODE] Cải tiến nút lên đầu trang trượt Logo-simple](https://2img.net/i/fa/modernbb/logo-simple.png){kind=logo}
Trang Chính
Latest images
Tìm kiếm
Đăng ký
Đăng Nhập
trieuphi_hackerModerations
- Tổng số bài gửi : 10
Được Cảm Ơn : 3
Join date : 07/01/2013
Age : 27
Đến từ : Quảng Thành 
![[CODE] Cải tiến nút lên đầu trang trượt Empty](https://2img.net/i/empty.gif)
[CODE] Cải tiến nút lên đầu trang trượt
Fri Jan 25, 2013 5:08 pm
Sản phẩm cải tiến từ phiên bản trước của Code1k.com. Ở phiên bản này, nút chuyển lên đầu trang web được tích hợp jQuery giúp tạo hiệu ứng trượt, đồng thời nút sẽ tự động ẩn đi khi người xem đang tham chiếu ở đầu trang web.
Nguồn: [You must be registered and logged in to see this link.]
Demo:
![[CODE] Cải tiến nút lên đầu trang trượt Code1k.com-cai-tien-nut-len-dau-trang-truot](https://2img.net/h/1.bp.blogspot.com/-VOCc_Xvw9GE/UDto1P_n0gI/AAAAAAAAQt8/K7FOMIoO9Vo/s1600/code1k.com-cai-tien-nut-len-dau-trang-truot.jpg)
- Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#toppage1k {
width:100px;
background:#F4FFBF;
border:1px solid #ccc;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
color:#666;
text-decoration:none;
}
</style>
<a href="#code1k-totop" id="toppage1k"><img src='http://2.bp.blogspot.com/-m8WrKNWQ2gI/UCyfA-WqPII/AAAAAAAAQp8/-AP7Gwvd4ww/s1600/nut-chuyen-len-dau-trang-web-code1k.com.png' alt='' style='border:0px;'/> Lên trên</a>
<script type='text/javascript'>
//<![CDATA[
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#toppage1k").scrollToTop();
});
//]]>
</script>
Nguồn: [You must be registered and logged in to see this link.]
Demo:
Permissions in this forum:
Bạn không có quyền trả lời bài viết