2010-02-24 4 views
1

현재 자동으로 순환하는 탭 메뉴로 작업 중입니다. 한 탭 위로 마우스 오버하면 "회전"이 선택된 탭에서 멈추어야하며, mouseout을하면 선택한 탭 항목에서 계속 회전해야합니다.JQuery 탭 UI - 메뉴 순환 - OnMouseOver 및 OnMouseOut

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

onmouseover는 올바른 탭을 선택하지만 계속 회전합니다.

나는 에이지 (AGES)를 위해 이렇게 붙어있어서 도움이 될 것입니다. 시간에 대한

감사합니다 ..

+0

안녕하세요 카림, 거의 다 됐어. 탭 ({fx : {opacity : "토글"}}) 탭 ("rotate", 1000, true); . $ ("# 추천> UL") 마우스 오버 (함수() {$ \t (이) .tabs ("회전", 0); }). 마우스 아웃 (함수() {$ \t (이) .tabs ("rotate", 1000, true); }); 사이클이 멈추고 잘 시작되지만 일반 루프에없는 선택된 버튼에서 사이클을 시작하는 것이 좋습니다. 예 .. 1,2,3 주기 내에서 3이면 나는 1 이상 마우스를 누른 다음 1을 선택하고 싶습니다. 나가 마우스를 뺄 때 수는 1에서 계속되어야한다. 어떤 아이디어? – user280582

+0

$ ("# featured> ul") 탭 ({fx : {opacity : "토글"}}) 탭 ("rotate", 1000, true); . $ ("# 추천> UL") 마우스 오버 (함수() {$ \t (이) .tabs ("회전", 0); }). 마우스 아웃 (함수() {$ \t (이) .tabs ("rotate", 1000, true); }); – user280582

답변

1

당신은 0 또는 null에 첫 번째 인수를 설정하여 회전을 중지 할 수 있습니다 : 그래서 당신은 단순히 mouseover에 그렇게 할 수 있다는 것을 상상

.tabs("rotate", 0); 

, 리셋 다시 mouseout에 당신의 기본값 :

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

거의 대부분이 문제에 대해 http://stackoverflow.com/questions/2333511/javascript-scroll-menu-mouseover-selection-not-working-correctly-on-first-conta를 참조하십시오. – user280582