Замечательная сборка кнопок наверх для любой цветовой гаммы сайта.
Шаг 1 - Установка JS
Устанавливать следует перед закрывающим тегом < /body>, в самый низ страницы.

Code

<script type="text/javascript" src="http://wallaby.ucoz.ru/js/top.js "></script>

Шаг 2 - Установка HTML
Обычная ссылка с классом, что прописан в js, вставляем в самый низ страницы.

Code

<a href="#" class="top_dm">Наверх</a>

Шаг 3 - Установка CSS
Теперь Вам осталось лишь выбрать, каким цветом будет Ваша кнопка вверх. Автор представил несколько стилей.

Светлая кнопка наверх:

Code

/* Светлая кнопка наверх   <br>   ------------------------------------------*/   <br>   .top_dm {   <br>   font: 11px Verdana,Arial,Helvetica, sans-serif;   <br>   color:#444;   <br>   text-shadow:0 1px 1px #fff;   <br>   cursor: pointer;   <br>   position:fixed;   <br>   bottom:-3px;   <br>   right:50px;   <br>   background:#D6D6D6;   <br>   margin: 0px;   <br>   padding:5px 10px 7px 10px;   <br>   border:1px solid #909090;   <br>   -webkit-border-radius:5px;   <br>   -moz-border-radius:5px;   <br>   border-radius:5px   <br>   }   <br><br>   .top_dm:hover{   <br>   color:#444;   <br>   background:#EAEAEA   <br>   }<br>

Синяя кнопка наверх:

Code

/* Синяя кнопка наверх   <br>   ------------------------------------------*/   <br>   .top_dm {   <br>   font: 11px Verdana,Arial,Helvetica, sans-serif;   <br>   color:#0b3d7a;   <br>   text-shadow:0 1px 1px #fff;   <br>   cursor: pointer;   <br>   position:fixed;   <br>   bottom:-3px;   <br>   right:50px;   <br>   background:#7db1f8;   <br>   margin: 0px;   <br>   padding:5px 10px 7px 10px;   <br>   border:1px solid #0f76c5;   <br>   -webkit-border-radius:5px;   <br>   -moz-border-radius:5px;   <br>   border-radius:5px   <br>   }   <br><br>   .top_dm:hover{   <br>   color:#0b3d7a;   <br>   background:#9dc7ff   <br>   }<br>

Красная кнопка наверх:

Code

/* Красная кнопка наверх   <br>   ------------------------------------------*/   <br>   .top_dm {   <br>   font: 11px Verdana,Arial,Helvetica, sans-serif;   <br>   color:#7a0b0b;   <br>   text-shadow:0 1px 1px #fff;   <br>   cursor: pointer;   <br>   position:fixed;   <br>   bottom:-3px;   <br>   right:50px;   <br>   background:#f87d7d;   <br>   margin: 0px;   <br>   padding:5px 10px 7px 10px;   <br>   border:1px solid #c50f0f;   <br>   -webkit-border-radius:5px;   <br>   -moz-border-radius:5px;   <br>   border-radius:5px   <br>   }   <br><br>   .top_dm:hover{   <br>   color:#7a0b0b;   <br>   background:#ff9d9d   <br>   }<br>