Главная » Файлы » Скрипты для uCoz » Другие скрипты |
Простенькая кнопка "Вверх" by Bilbao111 для uCoz
24.06.14, 18:47:14 | |
Простая кнопочка для поднятия страницы Посмотрите ДEMO Установка: В самый низ страницы перед < /body >: Код <div onclick="$('html:not(:animated), body:not(:animated)').animate({ scrollTop: 0 }, 'slow');" id="up"><span id="up_text">Up!</span></div> После < /head>: Код <script src="/js/in_toTop.js"></script> В самый низ вашего css вставьте этот код: Код #up { background: url("/graphics/in_up_button.png") 50% 50% no-repeat #000000; box-shadow: 0px 1px 3px #323232; bottom: 23%; cursor: pointer; display: none; height: 4px; opacity: 0.3; padding: 10px 10px 20px; position: fixed; right: 0px; text-align: center; width: 14px; z-index: 11111; } #up:active { opacity: 0.6; } #up:hover #up_text { display:inline-block; } #up:hover { text-align: left; width: 40px; background-position-x: 32px; color: #ffffff; } В папку graphics загрузите изображение из прикреплённого архива. А файл in_toTop.js загрузите в папку js. Исправлен баг с Firefox и Opera Код #up:hover { text-align: left; width: 40px; background-position-x: 32px; color: #ffffff; } Замените на Код #up:hover { text-align: left; width: 40px; background-position: 32px center; color: #ffffff; } | |
Просмотров: 575 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |