Name: Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
Item: Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
Author: Kerovan

Меню сайта

Ваш профиль

Четверг
25.04.2024
05:28
Гость

Вы используете браузер

Добавить URL!

[ Управление профилем ]

Информеры

Новости

Комментарии

Последнее добавленное

Форма входа

Форум

Предложения по ...12

Стол заказов20

Немного о "...7

Ответы и вопрос...13

>>Helper<<...11

Главная » 2011 » Февраль » 17 » Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов

13:35

Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов

Доступно только для пользователей
Плавный scroll для сайта ucoz разного цвета на выбор 6 цветов
Если вы заметили плавный скроллинг в углу нашего сайта http://filtr.at.ua
, то вы можете такой же установить к себе на сайт.Я вам приготовил 6
кнопок разного цвета так как не ко всем дизайном подходит цвет, так что
вставляем и пробуем разный цвет.
Так же вы можете настроить место всплывания вашей кнопки, и так же можно изменить угол , при желаний можно вставить и текст.
Ну теперь приступим к установке
Выбираем себе кнопку "вверх" какого цвета вам нужно, и копируем ссылку на нее

далее вставляем ссылку на картинку в скрипт в первой строчке вот таким образом

Code

<a href="#" id="toTop"><img src="Сюда ссылка на стрелку" align="absmiddle" border="0"></a>
<script src="http://filtr.at.ua/script/Scroll.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

сам скрипт вставляем в контейнер нижняя часть сайта в самый низ.

Далее копируем код стиля для кнопки , без него кнопка не будет исчезать
и плавать и вставляем в таблицу стилей css в самый низ

Это в CSS

Code

/* TOP кнопка filtr.at.ua */
#toTop {
  width: 30px;
  background: url();
  border: 0px solid #1e90fe;
  text-align: center;
  padding:12px;
  position: fixed;
  bottom: 27px;
  right: 1px;
  cursor: pointer;
  color: #1e90fe;
  text-decoration: none;
}
/* --------- */

Скрипт взят с filtr.at.ua

если хотите то filtr.at.ua можно стереть

далее если хотим настроить расположение курсора то

bottom: 27px; это 27 Px от низа окна сайта

padding: 2px; это отступ от края окна

right: 1px; можно заменить на левый

Скрипт не принадлежит нашему сайту, только графика .все спасибо jquery.com сайту

Новость приготовлена сайтом ucozon.ru

графические кнопки 6 цветов принадлежать нашему сайту

Внимание при копирование указывать сайт filtr.at.ua

+12

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.