Кнопка "Вверх" в виде Ракеты для uCoz

5531 просмотров Alan_Writer 05.11.2014

Скачать 📥 Демо ▶️

Полезный скрипт позволяющий пользователям быстро оказывается в самой начале страницы всего в один клик. Однако в данном случае это не просто кнопка, а анимированное изображение ракеты, которая в спокойном состоянии видна просто как серый силуэт, но при наведении и клике - зажигается пламя из сопел и ракета летит вверх! Выглядит очень забавно и интересно.

Установка скрипта

1. Качаете архив и заливаете все его содержимое в корень файлового менеджера.

2. Сам код стрелки вставляете в конце глобального блока нижняя часть сайта, или просто перед закрывающим тегом </body>:
Код
<script type="text/javascript" src="/Scroll-Up/jquery.min.js"></script>
<script type="text/javascript" src="/Scroll-Up/MrScrollUp.js"></script>
<link rel="stylesheet" type="text/css" href="/Scroll-Up/MrScrollUp.css"/>
<div id="MrScrollUp" style="display:none;">
<div class="MrScrollUp1"></div>
<div class="MrScrollUp2"></div>
</div>

Скрипт очень легкий и нисколько не нагружает сайт. Кстати касаемо кода, если у вас в основных настройках подключена библиотека jQuery, то первый скрипт jquery.min.js и ссылку на него - можете удалить, стили из файла MrScrollUp.css можете закинуть в основной файл стилей сайта а сам файл и ссылку на него - также удалить. В итоге остается лишь js-файл кнопки MrScrollUp.js и собственно её div-блок.

ОБНОВЛЕНИЕ! Кстати, если кому надо, можно настроить появление кнопки с ракетой. То есть при каком проценте прокрутки вниз она будет появляться. Для этого в скрипте найдите значение - wind_height*0.5, которое там повторяется два раза, и пробуйте менять число 0.5 - на нужное вам. Чем выше значение (например 2.0, 5.0 или 10.0) - тем ниже будет порог появления кнопки при прокрутке вниз.

Теги: кнопка вверх, в виде Ракеты, для uCoz, необычная, Анимированная
5 Комментариев
avatar
4
круто спс все работае
avatar
3
Спасибо за кнопку, и да nokki спасибо за совет smile
avatar
2
Спасибо за ракету!) вот только при вставке на сайт пришлось удалить первую строку! иначе другие скрипты не работают...это так на заметку другим.Вдруг они тоже столкнулись с этим.
avatar
1
от души за wind_height*0.5