Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:
<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script> </footer>
Lưu ý:
left: 9px (cách trái 9px) - nếu bạn muốn nút nằm bên phải thì thay bằng right: 9px (ví dụ nhé vì vị trí phụ thuộc vào định dạng của web mỗi bạn khác nhau)
bottom: 30px (cách đáy bao nhiêu- tùy chỉn
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
left: 9px (cách trái 9px) - nếu bạn muốn nút nằm bên phải thì thay bằng right: 9px (ví dụ nhé vì vị trí phụ thuộc vào định dạng của web mỗi bạn khác nhau)
bottom: 30px (cách đáy bao nhiêu- tùy chỉn
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Lưu ý:
left: 9px (cách trái 9px) - nếu bạn muốn nút nằm bên phải thì thay bằng right: 9px (ví dụ nhé vì vị trí phụ thuộc vào định dạng của web mỗi bạn khác nhau)
bottom: 30px (cách đáy bao nhiêu- tùy chỉnh
<div style="width:150px;height:50px" id="top_forum"> ~~~> kích thước của hình úp lên !
Các bạn VÀO ĐÂY để kiếm thêm một số hình mũi tên, thích cái nào thì tải về upload lên, rồi lấy link hình thay vào
Chúc bạn thành công!
>>> http://icones.pro/recherche/fleche.htmlTạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpufv
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
ầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Tạo nút về đầu trang (ẩn khi đang ở đầu trang)
Bạn chỉ cần add đoạn code sau vào footer, sau đó tự thiết kế và thay hình ảnh nút đầu trang cho thật Pro nhé:<style>#top_forum{background: url(Link hình nút về đầu trang) no-repeat}#top_forum:hover{background: url(Link hình nút về đầu trang) no-repeat}#toppage {no-repeat scroll 0%0% transparent; position: fixed; bottom: 30px; left:9px ;cursor: pointer; display: block; opacity: 20;}</style><a href="#" id="toppage"><div style="width:150px;height:50px" id="top_forum"></div></a><script type="text/javascript">$(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() {$("#toppage").scrollToTop();});</script>
</footer><!-- #colophon -
- See more at: http://vuishopping.com/bvct/chi-tiet/555/tao-nut-ve-dau-trang-an-khi-dang-o-dau-trang.html#sthash.p0D66LDU.dpuf
Không có nhận xét nào:
Đăng nhận xét