Выборочный Rolling Links
 

Здравствуйте, форумчане. Буду рад если подскажите следующий момент...
Есть два списка ul один из которых имеет класс menu_top:

HTML код:

<ul class="menu_top">
        <li><a href="#">Link1 Class-menu_top</a></li>
        <li><a href="#">Link2 Class-menu_top</a></li>
    </ul>
    <ul>
        <li><a href="#">Link1 NoClass</a></li>
        <li><a href="#">Link1 NoClass</a></li>
    </ul>

Необходимо к списку с классом menu_top применить забавный эффект Rolling Links.

Проблема в том, что на данный момент эффект Rolling Links применяется ко всем тегам <a>.
Как сделать так что бы этот эффект применялся только к тегам <a> из списка <ul class="menu_top"> ?
Насколько я понимаю нужно модифицировать JS код, мои попытки пока тщетны.

JS код:

var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
                            document.body.style['MozPerspective'] !== undefined;

function linkify( selector ) {
    if( supports3DTransforms ) {        
        var nodes = document.querySelectorAll( selector );

        for( var i = 0, len = nodes.length; i < len; i++ ) {
            var node = nodes[i];

            if( !node.className || !node.className.match( /roll/g ) ) {
                node.className += ' roll';
                node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
            }
        };
    }
}
linkify( 'a' );

Также даю ссылку на песочницу:
http://jsfiddle.net/Experimenter/emtxtuxj/3/

Спасибо :)

linkify( 'ul.menu_top>li>a' );

Спасибо :thanks: