[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Alena_kill  
Скрипт Кнопка вверх для сайта ucoz для uCoz
Оффлайн
Воскресенье, 25.09.2011, 09:23 | Сообщение # 1
Сообщений:
89
Награды:
122


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

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

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

Code

<a href="#" id="toTop">Вверх <img src="http://pro-cs-source.at.ua/dopolnenia/to_top.gif" border="0" align="absmiddle" /></a>
<script src="http://pro-cs-source.at.ua/dopolnenia/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;
}
/* =============== */
  • Страница 1 из 1
  • 1
Поиск:

Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Главный администратор сайта na3uTuB4uk | | Sitemap | Sitemap-Forum | RSS лента NK-CS.RU