jsFiddle

• Run again
• Edit this fiddle

• Result
• JavaScript
• CSS

var items = $$('li');

items.each(function(item){
    var b = new Element('b').inject(item);
    b.set('morph',{
        duration: 'short',
        transition: 'back:out'
    });
    item.set('tween',{
        duration: 'short'
    });
    item.addEvents({
        mouseenter: function(){
            b.morph({
                'left': 8,
                'border-left-color': '#1b60a6'
            });
            item.tween('color','#1b60a6');
        },
        mouseleave: function(){
            b.morph({
                'left': 0,
                'border-left-color': '#000'
            });
            item.tween('color','#000');
        }
    });
});

li {
    position: relative;
    padding-left: 28px;
    font-size: 30px;
    cursor: pointer;
}

li b {
    position: absolute;
    top: 6px;
    left:0;
    height:0px;
    width: 0px;
    border-style: solid;
    border-color: transparent transparent transparent black;
    border-width: 12px;
}