Авто прокрутка страницы


Парочка полезных скрипов возьму на заметку. С их помощью можно сделать красивую плавную навигацию по сайту.

Подключаем:

<script src="prototype.js" type="text/javascript"></script>
<script src="effects.js" type="text/javascript"></script>

Используем так:

<script type="text/javascript" charset="utf-8">
Event.observe(window, 'load', function() {
$$('a[href^=#]:not([href=#])').each(function(element) {
element.observe('click', function(event) {
new Effect.ScrollTo(this.hash.substr(1));
Event.stop(event);
}.bindAsEventListener(element))
})
});
</script>

Скрипт находит все a href="#" и применяет эффект плавного перемещения по странице по событию click.

Более подробно смотрите в примере.

Посмотреть пример Скачать архив с примером

Оригинал тут

,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 2, в среднем: 4.00 из 5)
Loading ... Loading ...


  1. #1 alecsey - Март 10th, 2011 at 19:00

    Для быстрого и удобного использования не пригодно.
    Еще одна типа “JQ” – с кучей кода-обертки…
    Чтобы вникнуть – нужна определенная квалификация и знание JS.

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.