Главная » Статьи » Скрипты |
Кнопка "Наверх" с плавной прокруткой
Кнопка "Наверх" как на нашем сайте Как только вы пролистываете страницу вниз права появится небольшая кнопочка с ндписью Наверх, при нажатии на которую вы сразу плавно перенесетесь в самый верх страницы. Очень удобно для длинных страниц. 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/ на адрес вашего сайта! | |
Просмотров: 1255
| Теги: |
Всего комментариев: 0 | |
Выберите категорию
Полезные статьи
[104]
Различные полезные статьи: разные виды заработка в интернете, раскрутка сайта, уроки фотошопа и многое другое..
|
FAQ по сайту [7] |
Скрипты
[4]
Только нужные и полезные скрипты
|
ПОДПИСКА RSS: СТАТЬИ
онлайн
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
Это интересно
загрузка...