Суббота, 30.11.2024, 09:03

Пройдите регистрацию и станьте пользователем!!!
Гость

Реклама
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Плавный скроллинг для сайта
EcZoДата: Суббота, 05.06.2010, 00:30 | Сообщение # 1

®...EcZo...™
Сообщений: 9
Награды: 0
Репутация: 2

Описание : При нажатии на стрелочку вы плавно подымитесь в самый вверх страницы.В опере резко.

1.Пихаем в глобальный блок Нижняя часть сайта - В САМЫЙ ВВЕРХ :

Code
<!-- Вверх-->
<a href="#" id="toTop">Вверх <img src="/images/strelka.png" border="0" align="absmiddle" /></a>
<script src="/js/jquery_scroolpack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
<!-- /Вверх--
>

2.В папку js кидаем файл jquery_scroolpack.js
3.В папку images кидаем картинку strelka.png и b.gif
4.Теперь бежим в css и в самый вверх пихаем :

Code
/* jQ TOP */
#toTop {
width: 100px;
background: url(/img/b.gif);
border: 1px solid #252525;
text-align: center;
padding: 5px;
position: fixed;
bottom: 6px;
right: 6px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* --------- */

Скачать архив с файлами http://u.to/UGcr


[adminred]Делаю сайты сервера (за деньги) Скайп red_hot576[/adminred]

  • Страница 1 из 1
  • 1
Поиск:


Создать бесплатный сайт с uCoz