Thứ Hai, 3 tháng 6, 2013

CODE NÚT LÊN ĐẦU TRANG TRƯỢT.


Sản phẩm cải tiến từ phiên bản trước . Ở 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.






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>
<!-- QUANGHIEN968.-->
      Với code nầy các bạn chỉ cần vào THIẾT KẾ , chọn BỐ CỤC , chọn THÊM TIỆN ÍCH. chọn thêm HTML/JAVA...dán code bên trên vào , chọn lưu lại, xem blog.
     nếu bạn không thích nó thì xoá đi là xong không ảnh hưởng đến mẫu blog của bạn.  chúc bạn thành công .

Không có nhận xét nào:

Đăng nhận xét



CÁC BẠN GỬI ẢNH CHO TÔI BẰNG CÁCH COPY URL CỦA ẢNH RỒI DÁN VÀO KHUNG NHẬN XÉT BÊN DƯỚI.

Blogger Gadgets
Copyright 2010 QUANGHIEN968.

TRANG CHỦ. | ĐỌC BÁO | L.B.V MÁY TÍNH. | NGHE NHẠC. | XEM PHIM. |