Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Ajax-навигация</title>
        <script src="../js/common.js"></script>
        <script src="../js/querystring.js"></script>
        <style type="text/css">
            body { font: 14px/1.5 Arial; }
            label { display: inline-block; width: 120px; }
        </style>
        <script>

            var curLocation;

            setInterval(function() {
                if (location.hash != curLocation) {
                    alert('Разбираем пути!');
                    curLocation = location.hash;
                }
            }, 10);

            this.addEventListener('load', function() {
                var elems = document.getElementsByClassName('ajaxNav');
                var i = elems.length;

                // заменяем ссылки
                while (i--) {
                    elems[i].href = '#' + elems[i].getAttribute('href');
                }
            })

        </script>
    </head>
    <body>
        <ul>
            <li><a href="?act=1" class="ajaxNav">Ссылка 1</a></li>
            <li><a href="?act=2" class="ajaxNav">Ссылка 2</a></li>
            <li><a href="?act=3" class="ajaxNav">Ссылка 3</a></li>
        </ul>
    </body>
</html>