Кнопка "Вверх" для uСoz
2335
9.4 из 10
Проголосовало: 7
Проголосовало: 7
Что в этом скрипте особенного:
1) Появляется скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)
Установка:
1) Появляется скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)
Установка:
ПУ >>> Управление дизайном>>> Нижняя часть сайта
В самый верх вставляем:
В самый верх вставляем:
Code
<a href="#" id="toTop">Вверх <img src="http://webo4ka.3dn.ru/Ucoz/Knopka_vverx.gif" border="0" align="absmiddle" /></a>
<script src="http://webo4ka.3dn.ru/Ucoz/Knopka_vverx.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
<script src="http://webo4ka.3dn.ru/Ucoz/Knopka_vverx.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
Теперь идём в Управление дизайном сайта >>> Таблица стилей (CSS)
В самый верх вставляем:
Code
/* === jQ TOP === */
#toTop {
width: 100px;
background: #f1f1f1;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */
#toTop {
width: 100px;
background: #f1f1f1;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */
Источник: неизвестен
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 5
0
|
спс хорошая вещь
|
0
|
Ой, все спасибо уже сделал*))
Вот прозрачный) /* === jQ TOP === */ #toTop { width: 70px; background: transparent; border: 0px solid; text-align: center; padding: 5px; position: fixed; bottom: 0px; right: 10px; cursor: pointer; color: #FF0000; text-decoration: none; } /* =============== */ |
|
0
|
Когда вставляешь в самый верх нижней части сайта, то кнопка в левом углу сайта зависает, и не работает как надо. Когда переставил на верх (Нижней части сайта) то очень классно работает *) так как надо ) Кстати Прозрачный фон не знаешь как сделать?
|
0
|
Какой цвет эквивалентен прозрачному??? А то белый как-то не красиво выглядит
 Да и ещё, а в Опере никак не исправить эту возьню, а то плавность то есть, ну короче сама страница сразу скочет вверх, а её копия плавно мчится вверх, это никак нельзя исправить?? |
|
0
|
background: transparent;
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 | | |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)