Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

AnimateScroll. И снова jQuery

 After school programming...

 

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

В качестве примера и чтобы не быть голословным... взгляните: ничего, кроме двух линков на 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>

 

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

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