<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>   
<script src="https://github.com/quirkey/sammy/raw/master/lib/min/sammy-latest.min.js"></script>
    <script>
jQuery(function ($) {
    var app = $.sammy(function () {
        this.get('#/', function (context) {
            console.log("start page");
        })
    }).run('#/')
});
    </script>

<ul>
    <li><a href="#/">home</a></li>
    <li><a href="#/About">about</a></li>
    <li><a href="#/Article/1">Artile 1</a></li>
</ul>
<br /><br />
<div id="home" class="page">home</div>
<div id="about" class="page">about</div>
<div id="article" class="page">article <span id="num"></span></div>

var app = $.sammy(function () {
    this.get('#/', function (context) {
        $("div").hide();
        $("#home").show();
    });

    this.get('#/About', function (context) {
        $("div").hide();
        $("#about").show();
    });
}).run('#/')

this.get('#/Article/:Id', function () {
    $("div").hide();
    $("#article").show();
    $("#num").text(this.params["Id"])
});

this.params["Id"]