Ciao a tutti
ho creato un menu css con 4 tasti, gestendo gli effetti di transizione su onmouseover e onmouseout con jquery

Questo è lo script che ho usato

  • (function($) {
    $.extend($.fx.step,{
    backgroundPosition: function(fx) {
    if (fx.state === 0 && typeof fx.end == 'string') {
    var start = $.curCSS(fx.elem,'backgroundPosition');
    start = toArray(start);
    fx.start = [start[0],start[2]];
    var end = toArray(fx.end);
    fx.end = [end[0],end[2]];
    fx.unit = [end[1],end[3]];
    }
    var nowPosX = [];
    nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
    nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
    fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];

    function toArray(strg){
    strg = strg.replace(/left|top/g,'0px');
    strg = strg.replace(/right|bottom/g,'100%');
    strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
    var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
    return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
    }
    }
    });
    })(jQuery);


    $(document).ready(function(){

    //XH_nav
    $('#XH_nav a.mission')
    .css( {backgroundPosition: "0 0"} )
    .mouseover(function(){
    $(this).stop().animate({backgroundPosition:"(0 -96px )"}, {duration:300})
    })
    .mouseout(function(){
    $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300})
    })

    $('#XH_nav a.projects')
    .css( {backgroundPosition: "-150px 0"} )
    .mouseover(function(){
    $(this).stop().animate({backgroundPosition:"(-150px -96px )"}, {duration:300})
    })
    .mouseout(function(){
    $(this).stop().animate({backgroundPosition:"(-150px 0)"}, {duration:300})
    })

    $('#XH_nav a.team')
    .css( {backgroundPosition: "-320px 0"} )
    .mouseover(function(){
    $(this).stop().animate({backgroundPosition:"(-320px -96px )"}, {duration:300})
    })
    .mouseout(function(){
    $(this).stop().animate({backgroundPosition:"(-320px 0)"}, {duration:300})
    })

    $('#XH_nav a.contact')
    .css( {backgroundPosition: "-460px 0"} )
    .mouseover(function(){
    $(this).stop().animate({backgroundPosition:"(-460px -96px )"}, {duration:300})
    })
    .mouseout(function(){
    $(this).stop().animate({backgroundPosition:"(-460px 0)"}, {duration:300})
    })

    });


Usando gli iframe, ho la necessità di lasciare la stessa transizione di onmouseover anche quando il tasto viene cliccato.
Potete aiutarmi a modificare il codice?
Ho già provato io senza successo.
Grazie