Tạo nút bấm nhảy xuống cuối trang, lên đầu trang

[Độc chiêu BlogMOD]

Để tiện cho việc người khác lướt blog(web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang , hoặc nhảy vào giữa trang. Bài viết này mình sẽ hướng dẫn các bạn thực hiển nó. Để cho sinh động, ta nên tạo nút bằng hình ảnh.

Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, tầm 30x30 px), dùng để tạo 3 button : lên, xuống, và giữa.

Các bước thực hiện: (ở đây mình giới thiệu cho blogspot)
1. Đăng nhập vào blog
2. Vào chỉnh sửa Code HTML
3. Chèn đọan code CSS bên dưới vào trước đọan code

Code:

]]></b:skin>

Code:

    #top-buttom_image {
    position:fixed;
    _position:absolute;
    bottom:5px;
    right:5px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

- bottom:5px; , right:5px; : 2 đoạn code này để xác định vị trí hiển thị của các button trên màn hình.

4. Chèn đọan code sau vào trước thẻ đóng

Code:

</body>

Code:

  <script type='text/javascript'>
    var maxWidth = (document.body.clientWidth);
    var maxHeight = (document.body.clientHeight);
    </script>

    <div id='top-buttom_image'>
    <a href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='Link ảnh1'/></a><br/>

    <a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='link ảnh2'/></a><br/>

    <a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='link ảnh3'/></a>
    </div>

Thay link ảnh bằng link ảnh của các button
Chúc bạn thành công!

[pmqcondeoMới tham gia]

cho hỏi, blog mình: phimkhoahocvip.blogspot.com bị lỗi rất lạ đời, trang chủ ko thấy các menu bên phải (menu này mình tạo bằng widget html/java) và các tiện ích (3 cái) bên phải blog, trong khi mình chả dùng gì đến thủ thuật ẩn/hiện widget gì cả, mặc dù vào bố cục thì bọn widget vẫn nằm đúng ở chỗ đó...rất mong các bác giúp giùm,