Phiên bản cải tiến từ sản phẩm trước (Nút lên đầu trang cố định trên màn hình của tác giả eikei-blog). Cho phép điều hướng 3 vị trí chủ đạo của website: trên cùng, trung tâm (giữa) & dưới cùng website bằng bộ nút cố định trên màn hình.
<style type='text/css'>
#top-bottom_middle {
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);
}
</style>
<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>
<div id='top-bottom_middle'>
<a href='javascript:top.window.scrollTo(0,0)' title='Đầu trang'><img alt='Đầu trang' border='0' src='http://c.upanh.com/upload/6/907/5A0.11092888_29781_1.png'/></a><br/>
<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Giữa trang'><img alt='Giữa trang' border='0' src='http://c.upanh.com/upload/6/907/VK0.11092957_29781_1.png'/></a><br/>
<a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Cuối trang'><img alt='Cuối trang' border='0' src='http://c.upanh.com/upload/6/907/VK0.11092907_29781_1.png'/></a>
</div>
#top-bottom_middle {
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);
}
</style>
<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>
<div id='top-bottom_middle'>
<a href='javascript:top.window.scrollTo(0,0)' title='Đầu trang'><img alt='Đầu trang' border='0' src='http://c.upanh.com/upload/6/907/5A0.11092888_29781_1.png'/></a><br/>
<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Giữa trang'><img alt='Giữa trang' border='0' src='http://c.upanh.com/upload/6/907/VK0.11092957_29781_1.png'/></a><br/>
<a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Cuối trang'><img alt='Cuối trang' border='0' src='http://c.upanh.com/upload/6/907/VK0.11092907_29781_1.png'/></a>
</div>
0 nhận xét