HTML код кнопки наверх с плавной прокруткой

Жирным отмечены элементы которые можно изменить.

Незабудьте изменить адрес картинки на адрес с вашей картинкой.

Данный код следует установить в баннерную позицию или в позицию счетчика.


right:0.1% - Отступ кнопки от правого края страницы.

bottom:0.1% - Отступ кнопки от нижнего края страницы.

300 - Отступ для появления кнопки при прокрутки страницы.

500 - Скорость прокрутки страницы при нажатии кнопки.

http://dlweb.ru/uploads/posts/2012-09/1346499997_up.png - Адрес картинки для кнопки (2 раза!!!).

130px - Ширина картинки.

175px - Высота картинки.

 

 

<div style="position:fixed; right:0.1%; bottom:0.1%;"><script type="text/javascript">$(document).ready(function(){

$(window).scroll(function () {if ($(this).scrollTop() > 300) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});

$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 500); return false;});

});</script>

<div id="scroller" style="display: none;"><span><p><img src="http://dlweb.ru/uploads/posts/2012-09/1346499997_up.png" pict="http://dlweb.ru/uploads/posts/2012-09/1346499997_up.png" _moz_resizing="true" style="max-width: 130px; max-height: 175px; display: block; margin-left: auto; margin-right: auto;" /></p></span></div></div>

 


Исправлены ошибки возникшие после очередного обновления Fo.Ru
14.04.2013
Просмотров (5565)
Яндекс.Метрика
© Copyright 2013 - 2017 Уроки Fo.Ru