Thứ Hai, 19 tháng 8, 2013

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>



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


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.html




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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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: 30pxleft: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