Четверг, 03 октября 2013 00:00

AnimateScroll. И снова jQuery

Оцените материал
(0 голосов)

 After school programming...

 

AnimateScroll - очень несложный в использовании jquery-плагин, позволяющий вебмастеру дополнить прокрутку странички различными (их здесь более 30) эффектами. Стиль и скорость скроллинга настраиваются легко и просто.

Dev banner 1

В качестве примера и чтобы не быть голословным... взгляните: ничего, кроме двух линков на js и совсем несложного HTML. Значительно больше информации вы найдете на страничке разработчика, welcome.

 

script src="/jquery-1.8.3.min.js"></script>
<script src="/animatescroll.js"></script> <ul>
<li>
<a href="#" onclick="$('#section-1').animatescroll({scrollSpeed:2000,easing:'easeInOutBack'});">
Demo1
</a>
</li>
<li>
<a href="#" onclick="$('#section-2').animatescroll({scrollSpeed:3000,easing:'easeOutElastic'});">
Demo2
</a>
</li>
</ul>
<div id="section-1"> </div>
<div id="section-2"> </div>
<div class="go-to-top"><a class="go-to-top" onclick="$('body').animatescroll();">Go to Top</a></div>

 

Последнее изменениеПятница, 19 августа 2016 11:33

Оставить комментарий

Добавьте ваш комментарий

Комментарии в блоге

Заказать сайт

Веб-разработка. Заказать сайт

Вы можете заказать сайт-визитку, блог, корпоративный сайт, интернет-магазин или коммерческий web-портал.