Приветствую Вас Гость • Регистрация • Вход
Понедельник, 16.12.2019
Главная » 2013 » Апрель » 15 » Кнопка поднять НАВЕРХ ("Ракета для UCOZ")
09:24
Кнопка поднять НАВЕРХ ("Ракета для UCOZ")
И так сегодня разсмотрим как зделать такую полезную функцию как кнопку поднять наверх для системы UCOZ.Использовать мы будем в даном примере кнопку с красивой анимацией в форме ракеты с помощью js и css.
Для начала создадим два скрипта js - это саму анимацию и появление кнопки.
Первый скрипт будет у нас с вот таким содержимым:

Ну и конечно же нам нужна сама картинка

Все на этом наша ракета завершена,загружаем все файлы через файловый менеджер в условную папку up (не забывайте перед загрузкой предварительно создать эту папку),и прописываем где нам нужно например в нижнем блоке код вывода самой "РАКЕТЫ"
Код
<!-- MrScrollUp.Start -->  <script type="text/javascript" src="up/jquery.min.js"></script>  <script type="text/javascript" src="up/MrScrollUp.js"></script>  <link rel="stylesheet" type="text/css" href="up/MrScrollUp.css" />  <div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>  <!-- MrScrollUp.End -->
Кому не охота лишний раз заморачиватся над всем этим,просто пропишите у себя такой код:
Код
<!-- MrScrollUp.Start --> <script type="text/javascript" src="http://perviu.ru/up/jquery.min.js"></script> <script type="text/javascript" src="http://perviu.ru/up/MrScrollUp.js"></script> <link rel="stylesheet" type="text/css" href="http://perviu.ru/up/MrScrollUp.css" /> <div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div> <!-- MrScrollUp.End -->
Категория: Система uCoz | Просмотров: 2592 | Добавил: Samosval |Рейтинг: 3.4/5


Всего комментариев: 0
avatar
    Яндекс.Метрика
Сайт создан в системе uCozЯндекс.Метрика