Уже на многих сайтах можно увидеть кнопочку "вверх" - это очень удобно не крутить колёсико мыши а нажать на кнопочку
И теперь давайте рассмотрим javascript кнопочки вверх
Код
<div class="up_sl">
<script type="text/javascript" src="http://anime-rutub.moy.su/amv_cent/up.js"></script>
<a rel="nofollow" href='#' onclick="return up()">
<img src="http://anime-rutub.moy.su/amv_cent/up_sl.png" height="20" title="Вверх">
</a>
</div>
В данном случае скрипт вставлен в отдельный файл и вызывается при нажатии на кнопочку вверх
а теперь код самого скриптаКод
function up() { var top = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(top > 0) {
window.scrollBy(0,((top+100)/-10));
t = setTimeout('up()',20);
} else clearTimeout(t);
return false; }
А вот рабочий пример применения данного скрипта на нашем проекте
с танцующей вокалойдкой Мику и помимо кнопочки вверх в данном меню
собраны ссылки на авторизацию и регистрацию
Код
<!-- android-->
<link type="text/css" rel="StyleSheet" href="http://anime-clone.my1.ru/animeclon/img1/clone_style.css" />
<div id="android">
<div><img class="and_img" src="http://anime-clone.my1.ru/img/anika.gif" alt="Привет!"></div>
<div id="android_inner">
<div class="and_mess">
<h3 style="margin:0 0 0 0;">Меню пользователя</h3>
<div>
$WDAY$, $DATE$, $TIME$<br><br>
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><br><br><?endif?>
<a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?>
</div>
</div>
<div class="inn">
</div>
<div class="inn_link"></div>
<div class="up_sl">
<script type="text/javascript" src="http://anime-rutub.moy.su/amv_cent/up.js"></script>
<a rel="nofollow" href='#' onclick="return up()"><img src="http://anime-rutub.moy.su/amv_cent/up_sl.png" height="20" title="Вверх"></a>
<div>
</div>
</div>
<!-- /android-->
Если у вас возникнут вопросы по установке скрипта, то пишите в тему и мы попробуем разобраться как установить данный скрипт на вашем сайте.