Onglets JQuery UI - Rotation de menu - OnMouseOver et OnMouseOut

Je travaille actuellement avec un menu à onglets qui passe automatiquement à travers. Une fois que je souris sur l'un des onglets, la "rotation" devrait s'arrêter sur l'onglet sélectionné et quand je souris, il devrait continuer à tourner à partir de l'élément de l'onglet sélectionné.Onglets JQuery UI - Rotation de menu - OnMouseOver et OnMouseOut

$("#featured > ul").tabs({ 
        event: 'mouseover', 
        fx: { opacity: "toggle"} }) 
        .tabs("rotate", 10000, true);

Au moment où le onmouseover sélectionne l'onglet correct, mais il continue de tourner.

J'ai été bloqué sur ceci pour des ÂGES ainsi n'importe quelle aide serait vraiment appréciée.

Merci pour votre temps ..

Source

2010-02-24 user280582

Salut Karim, Presque là. $ ("# featured> ul"). Tabs ({fx: {opacité: "bascule"}}). Tabs ("rotate", 1000, true); . $ ("# en vedette> ul") mouseover (function() { \t $ (this) .tabs ("Rotate", 0);} ). { \t mouseout (function() $ (this) .tabs ("rotate", 1000, vrai); }); Bien que le cycle s'arrête et commence bien, comment recommanderiez-vous de démarrer le cycle à partir d'un bouton sélectionné qui ne faisait pas partie de la boucle générale? Par exemple: 1,2,3 si nous sommes sur 3 dans le cycle et Je passe la souris sur 1 alors j'aimerais que 1 soit sélectionné. quand je souris le compte devrait continuer de 1. Des idées? – user280582

$ ("# featured> ul"). Tabs ({fx: {opacité: "bascule"}}). Tabs ("rotate", 1000, true); . $ ("# en vedette> ul") mouseover (function() { \t $ (this) .tabs ("Rotate", 0);} ). { \t mouseout (function() $ (this) .tabs ("rotate", 1000, vrai); }); – user280582

Vous pouvez arrêter la rotation en réglant le premier argument de 0 ou null:

.tabs("rotate", 0);

J'imagine que vous pouvez simplement le faire sur mouseover et réinitialiser Retour à vos paramètres par défaut sur mouseout:

$("#featured > ul").mouseover(function() { 
    $(this).tabs("rotate", 0); 
}).mouseout(function() { 
    $(this).tabs("rotate", 10000, true); 
});

Source

2010-02-24 18:44:41 karim79

Presque là, s'il vous plaît se référer à http://stackoverflow.com/questions/2333511/javascript-scroll-menu-mouseover-selection-not-working-correctly-on-first-conta pour mon dernier numéro à ce sujet .. – user280582

Onglets JQuery UI - Rotation de menu - OnMouseOver et OnMouseOut

Répondre

Questions connexes