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


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

Подключаем:

<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 (Нет голосов)
Loading ... Loading ...



  1. Нет комментариев, пока!.
(will not be published)

Spam Protection by WP-SpamFree

  1. No trackbacks.