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

  • Giựt
    1. [Code] Nút lên top tự làm
    avatar MOD
    Rất đẹp và lợi Very Happy

    Quên cái đề mô :




    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 29.08.16 20:52; sửa lần 1.

  • the_dav
    2. Re: [Code] Nút lên top tự làm
    avatar MEM LV3
    demo e ơi. chịu khó đăng demo dc ko :)

  • Móm Đặc Biệt
    3. Re: [Code] Nút lên top tự làm
    avatar S-MOD
    Mới share skin thích hát hò bác đã add rồi, nhanh tay vl Smile


    --Chữ ký--
    Laughing Diễn đàn Rao vặt, anh em rãnh ghé thăm nhé Laughing


    Very Happy Địa chỉ: http://vnraovat.forumvi.com/ Very Happy
  • Giựt
    4. Re: [Code] Nút lên top tự làm
    avatar MOD
    Hề hề


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • Sponsored content

Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
222
Points :
319
Like :
47
Punbb
Quản trị
Xem lý lịch thành viên
Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết