Делаем кнопку наверх с плавной прокруткой JQuery



На сайте center-dm.ru эта кнопка сделана через CSS, у меня нет столько времени, я просто сделал кнопку картинкой. Вы легко сможете заменить ее на свое изображение. Скрипт обеспечит плавное скольжение к верхней части сайта, т.е. плавное прокручивание вверх. 

Установка

Отправляемся в Панель Управления, находим в Управлении дизайном Нижнюю часть сайта. Вставляем там вверху следующий код:

Code
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">  
<div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img title="Вверх" src="http://joomla.ucoz.com/33/8/84138304.png" border="0"></div>  
</a>


Готово.


ИсточникКатегория: Другие скрипты для ucoz | Добавил: AID | Дата: 31.01.2012

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz