Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Code] Nút lên top tự làm

Tác giả: - vào lúc:
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/29/2016, 20:10
#1
Rất đẹp và lợi Very Happy

Quên cái đề mô :


[Code] Nút lên top tự làm 2czbpms

Vào overall_footer_begin thêm code sau vào cuối :

Code:

<a href="#" id="go_top"></a>
<script>
(funcion(){
    $('#go_top').click(function(){
        $('body,html').animate({scrollTop:0},400);
        return false;
    })
})(jQuery)
$(window).scroll(function(){
    if( $(window).scrollTop() == 0 ) {
        $('#go_top').stop(false,true).fadeOut(600);
    }else{
        $('#go_top').stop(false,true).fadeIn(600);
    }
});
</script>
<style>
  #go_top{
    display:block;
    width:31px;
    height:31px;
    position:fixed;
    background-color:#2ccaae;
    bottom:15px;
    right:15px;
}

/*-- tạo mũi tên --*/
#go_top:before{
    content:"";
    position:Absolute;
    width:0;
    height:0;
    border:11px solid transparent;
    border-bottom:11px solid white;
    left:5px;
    top:-8px;
}


#go_top:after{
    content:"";
    position:Absolute;
    width:10px;
    height:17px;
    background-color:white;
    left:11px;
    top:14px;
}
</style>

#codefm

Tags: #top #nút #tự #làm

Được sửa bởi trandangduat ngày 8/29/2016, 20:52; sửa lần 1.
the_dav
Bài viết : 226
Points : 323
Like : 47
Punbb
Quản trị
the_davMEM LV3
8/29/2016, 20:48
#2
demo e ơi. chịu khó đăng demo dc ko :)
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
8/29/2016, 20:54
#3
Mới share skin thích hát hò bác đã add rồi, nhanh tay vl Smile
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/29/2016, 20:57
#4
Hề hề
Sponsored content
#5