Web notes

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

Подключаем:

<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.

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

Оригинал тут