Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Кнопка Вверх (Плавный скроллинг)

Главная » Скрипты для uCoz » Кнопка Вверх (Плавный скроллинг)
Кнопка Вверх (Плавный скроллинг) для uCoz

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)

Установка:

Для начала скачайте архив ,

Далее -

Управление дизайном сайта -- Нижняя часть сайта

В самый верх вставляем:

Code
<a href="#" id="toTop">Вверх <img src="/to_top.gif" border="0" align="absmiddle" /></a>  
<script src="/jquery.scroll.pack.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;  
}  
/* =============== */

Теперь заливаем все файлы из архива в корень сайта (Через файловый менеджер)
Всё, наслаждаемся скриптом!
Просмотров: 1119 | Комментариев: 3 | Опубликовал: DizeL | Дата: 12.10.2009

 11.11.2009   

 

 Предпросмотр темы ф... 

 13.10.2009   

 

 Мини профиль By Hac... 

 06.09.2010   

 

 Новый вид Техническ... 

 21.12.2009   

 

 Запрет на понижение... 

 20.09.2009   

 

 Вплывающее окно авт... 


Всего комментариев: 3
 
-2 3 Штурман 08.02.2011 15:07:37 Чтобы сделать прозрачным, нужно:
Проплясать голым вокруг компьютера, подрачить на клавиатуру, убиться ап стену еже ли юзать гугл
Цитировать | Редактировать | Удалить
 

 
  0 1 drocher3000 08.02.2011 02:08:56 как её полупрозрачной сделать? Цитировать | Редактировать | Удалить
 

 
+2 2 DizeL 08.02.2011 13:55:16 Дописать CSS стиль Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.