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 -->
| |
|
| |
| Всего комментариев: 0 | |
|
| |
