Tìm kiếm Blog này

Thứ Năm, 18 tháng 4, 2024

Code tạo nút cuộn Lên đầu trang, đến giữa trang, xuống cuối trang cho Blogspot.

Code tạo nút cuộn Lên đầu trang, đến giữa trang, xuống cuối trang cho Blogspot.

Như trên blog mình hiện tại (ở góc phỉa dươis)


1. Bạn đăng nhập vào Blog,
2. Vào trang chỉnh sửa HTML
3. Chèn đoạn code CSS (có chữ màu xanh lá) sau vào trước đọan code ]]></b:skin>


#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);
}


4. Chèn đọan code  (có chữ màu xanh lá) sau vào trước thẻ đóng </body>



<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='https://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-top-icon.png'/></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='https://icons.iconarchive.com/icons/wackypixel/pushdown-buttons/48/Button-Green-Arrow-Right-icon.png'/></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='https://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-bottom-icon.png'/></a>
</div>



Lưu và tận hưởng nè.


Không có nhận xét nào:

Đăng nhận xét

LỊCH VẠN NIÊN

Tháng
Năm

Lên đầu trang
Vào giữa trang
Xuống cuối trang