Главная » Статьи » Скрипты

Кнопка "Наверх" с плавной прокруткой
Кнопка "Наверх" как на нашем сайте



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

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/ на адрес вашего сайта!

Категория: Скрипты | Добавил: Admin (05.08.2012)
Просмотров: 1255 | Теги: кнопка, наверх | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Выберите категорию
Полезные статьи [104]
Различные полезные статьи: разные виды заработка в интернете, раскрутка сайта, уроки фотошопа и многое другое..
FAQ по сайту [7]
Скрипты [4]
Только нужные и полезные скрипты
ПОДПИСКА RSS: СТАТЬИ

 Укажите свой e-mail:

онлайн

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Это интересно
загрузка...