Google-Translate Войти на сайт
 
МЕНЮ САЙТА
РАЗДЕЛЫ
Уроки Ucoz [13]
Уроки Borda.ru [13]
Уроки Photoshop [32]
Уроки Adobe Illustrator [1]
Уроки HTML и CSS [13]
JAVA-Скрипты [15]
Веб-дизайн [17]
Создание и продвижение сайта [92]
Интересные статьи [166]
ВЕЛОЛЮБИТЕЛЯМ!
Ярмарка Мастеров - ручная работа, handmade
КОНТАКТЫ
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru
Мы Вконтакте
НАШИ ДРУЗЬЯ
Быстрая и недорогая раскрутка сайта
Регистрация в каталогах
Сибирский рубеж - автоэмали оптом и в розницу. Подбор автоэмалей PROFIX.
Хорошие новости о животных
WOlist.ru - каталог качественных сайтов Рунета
FONWEB.RU - Веб-дизайн
Интересные статьи
Клипарт на прозрачной основе


ЗАРЕГИСТРИРОВАТЬ СВОЙ САЙТ
СТАТИСТИКА
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная | Полезные статьи
Главная » Статьи » JAVA-Скрипты

Кнопка "Наверх" с плавной прокруткой
Расскажу вам как сделать кнопочку "наверх" на вашем сайте или блоге. которая будет появляться или исчезать в зависимости от положения страницы на экране браузера.
Как только вы пролистываете страницу вниз права появится небольшая кнопочка с надписью Наверх, при нажатии на которую вы сразу плавно перенесетесь в самый верх страницы. Очень удобно для длинных страниц.

1. загрузите на свой сайт в папку images вот эту картинку.
2. загрузите на свой сайт в корневую папку файл со скриптом.
3. в CSS стили вставьте:
#toTop { width: 100px; background: #ffffff; border: 1px solid #ffffff; text-align: center; padding: 5px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; color: #666666; text-decoration: none;}
4. на страницу сайта или в код шаблона вставьте следующее:
<noindex><a href="#" id="toTop"><img src="http://ваш_сайт.ru/images/naverh.gif" border="0" align="absmiddle" /></a> <script src="http://ваш_сайт.ru/naverh.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#toTop").scrollToTop(); }); </script></noindex>
не забудьте заменить http://ваш_сайт.ru/ на нормальный адрес вашего сайта!
Посмотреть как это работает вы можете прямо на этой странице внизу справа, немного прокрутив ее вниз :) просто, не правда ли?

Категория: JAVA-Скрипты | Добавил: Белая_Кошка (24.04.2012)
Просмотров: 5970 | Комментарии: 6 | Теги: кнопка вверх, как сделать кнопку вверх, кнопка наверх | Рейтинг: 5.0/1


Всего комментариев: 6
4  
На моём сайте это почему то не работает ??? Всё сделал по инструкции.
http://pasechnikhome.ru

5  
на моем сайте это работает сейчас?

2  
у меня то же самое. в чем причина?

3  
даже не знаю. сегодня только работать перестало.
после праздников проверять буду

1  
Хороший скрипт, спасибо
подскажите, в чем может быть дело, скрипт подключил, но он работает не так как нужно.
Кнопка наверх горит постоянно (т.е. горит даже на первой строчке) и нет плавной прокрутки (переход наверх происходит резко)

0
6  
Потому что вы не заменили ДВА адрес - один ссылается на картинку, второй на скрипт. если нет корректной ссылки на скрипт - то кнопка горит постоянно

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Веб-студия "К-Дизайн" © 2009-2017
Контакты
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru

Счетчики
Яндекс цитирования
Работа
Создание сайтов и форумов
Порядок работы с заказами
Порядок оплаты заказов
Бонусы
Бесплатные кнопки для форумов
Бесплатные дизайны для форумов
Готовые шаблоны для сайтов
Уроки фотошоп
Уроки CMS Ucoz