Кнопка " Вверх "- взлетающая ракета

[Darkelita]

Кнопка " Вверх "- взлетающая ракета


Установка: Вставляем код в overall_footer.html до </body>

Код: Выделить всё

<!-- MrScrollUp.Start --> 
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script> 
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script> 
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script> 
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" /> 
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div> 
<!-- MrScrollUp.End -->

---

Кнопка вверх-вниз

Установка: Вставляем код в overall_footer.html до </body>

Код: Выделить всё

<!--Кнопки в верх в низ--><div style="position:fixed; right:0.5%; bottom:45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="В верх страницы"><img src="./ext/ppk/zerovisuality/images/z4.jpg" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="В низ страницы"><img src="./ext/ppk/zerovisuality/images/z4.jpg" alt="В низ страницы" border="0"></a> 
</div>

[TFan]

помнится видел еще где-то эффект отскакивания (как мяч) при перемещении страницы вверх... но не могу найти. может у кого есть???

[SelinaAnt]

Спасибо, поставила к себе Ракету, у меня синий дизайн, идеально подходит. + к репе поставила.

[zubserver]

кнопки "Вверх - Вниз" с медленной автоматической прокруткой .

Во первых, можно прокручивать страницу не только вверх, но и в низ! А во вторых, (в этом уникальность) если нажать туда, куда указывает красная стрелка, страница будет сама, автоматически, медленно прокручиваться до самого низа! Читателю при этом, ничего делать не надо - только читать или рассматривать фотографии!
Такая кнопка в первую очередь будет полезна тем, у кого длинные статьи или много фотографий!

Код: Выделить всё

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src='http://phonedevelop.googlecode.com/files/updownPhonedevelop.js' type='text/javascript'></script>

Внимание, скрипт капризный и если у вас много виджетов и со скриптом jquery вступает в конфликт! Если у вас уже установлен скрипт вида указанным ниже, то кнопка РАБОТАТЬ НЕ БУДЕТ!

Код: Выделить всё

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>