[Code] Nút lên đầu trang đơn giản đẹp

    [Code] Nút lên đầu trang đơn giản đẹp

    Bài gửi  by Soul Master Tue Jul 15, 2014 8:59 pm

    Demo
    [Code] Nút lên đầu trang đơn giản đẹp 3cBxTXB

    Code: cho vào footer_end

    cho vào cuối nhé

    Code:
    <div id="toppage" style=""><img src="http://i.imgur.com/0LsMnPJ.png" onclick="$('html,body').animate({scrollTop: $('html').offset().top},1000);" title="Lên đầu trang"></div>

    <script>
      $(window).scroll(function () {
        if ($(window).scrollTop() > 200) {
            $('#toppage').css('display', 'block')
        } else {
            $('#toppage').css('display', 'none')
        }
    });
      </script>
    <style>
    #toppage:hover {
    opacity: 1;
    }
    #toppage {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
    opacity: 0.2;
    -webkit-transition: 0.3s;
    -moz-transition-duration: 0.3s;
    -htm-transition-duration: 0.3s;
    cursor: pointer;
    }
    </style>
     

    Soul Master