Кнопки вверх и вниз страницы с плавной прокруткой и эффектом затухания
http://s5.uploads.ru/05nXE.jpg

Автор: Домовой
Платформа: любая

В конец HTML-верх или ближе к началу HTML низ

Код:
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="ссылка на кнопку ВВЕРХ" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="ссылка на кнопку ВНИЗ" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:30px; /*ширина кнопки*/
height:30px; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
 if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
 else $("#ToTop").fadeIn("slow")
  });
 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
  $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
     else $("#OnBottom").fadeIn("slow")
 });
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


Несколько вариантов картинок кнопок
http://s9.uploads.ru/ZoSUi.png http://s9.uploads.ru/7ilTu.png
http://s8.uploads.ru/pLB35.png http://s8.uploads.ru/gwSjP.png
http://s8.uploads.ru/JkboY.png http://s8.uploads.ru/D42ji.png
http://s9.uploads.ru/R7WcM.png http://s8.uploads.ru/S6lji.png
http://s8.uploads.ru/n3FCc.png http://s9.uploads.ru/UHKt5.png
http://s8.uploads.ru/DxtUB.png http://s9.uploads.ru/XBM0T.png
http://s8.uploads.ru/kY6uO.png http://s8.uploads.ru/PzUQx.png
http://s9.uploads.ru/ZT9yN.png http://s8.uploads.ru/sGjfV.png
http://s8.uploads.ru/aUJtg.png http://s8.uploads.ru/aUJtg.png