[Brutus]

<li><a id="o1" href="#"><span><i>10</i></span></a></li> 
<li><a id="o2" href="#"><span><i>10</i></span></a></li> 
<li><a id="o3" href="#"><span><i>10</i></span></a></li>
<script>
var o1 = document.getElementById('o1'),
    o2 = document.getElementById('o2'),
    o3 = document.getElementById('o3');
o1.onclick = function () {
    o2.clickNull = true;
    return false;
}
o2.onclick = function () {
    if (this.clickNull)
        o3.clickNull = true;
    return false;
}
o3.onclick = function () {
    if (this.clickNull)
        this.href = "http://javascript.ru/";  // или location.href = "http://javascript.ru/";
    else return false;
}
</script>