2012-02-06 1 views
0

나는 jQuery Tools Scrollable & Navigator plugin을 사용하고 있습니다. 포럼을 검색했지만 답변을 찾을 수 없었습니다 (스팸으로 인해 비활성화 되었기 때문에 게시 할 수 없습니다).jQuery Tools 호버에 스크롤 할 수있는 이전/다음 탐색 화살표가 나타 납니까?

내 질문에, 이전/다음 브라우저 화살표가 스크롤 가능 위에 마우스를 놓을 때만 표시되는 방법이 있습니까? 즉, 커서가 Scrollable에서 벗어나면 화살표가 사라집니다.

Here's my page. 필요한

답변

2
//Syntax to be used 
//$(selector).hover(handlerIn, handlerOut); 

$('.scrollable').hover(function(){ 
    $('.browse').fadeIn(); 
}, function(){ 
    $('.browse').fadeOut(); 
}); 

CSS는 : 당신이 당신의 CSS 파일에 a.browse에서 display:none가 작동하려면

a.browse.prev, a.browse.next{display:none;} 

당신은 display:block를 제거해야 할 수도 있습니다.

희망이 있습니다.

+0

에릭 - 답장을 보내 주셔서 감사합니다. 나는 css 파일 (bit.ly/AA8JH5)에서 .prev & .next에 display none을 설정하고 스크립트를 js 파일 (bit.ly/yy9UB0)에 추가했습니다. 불행히도 아무것도 변경되지 않았습니다./첫 번째 줄에서 "선택기"를 다른 것으로 변경해야합니까? 첫 번째 줄을 삭제하면 두 화살표 중 하나를 가리키면 사라지는 것처럼 보입니다. 다른 생각은 내가 뭘 잘못하고 있니? 다시 한번 감사드립니다. – Ryan

+0

제 사과, 게시 된 첫 번째 줄은 사용할 구문입니다. 나는 당신의 코드에서 그것을 사용하지 말았어야했다. 귀하의 사이트를 보시고 실제 셀렉터를 보시고 제가 더 많은 것을 도울 수 있는지 알아 보도록하겠습니다. –

+0

이 게시물에 대한 내 편집을 확인하십시오. 그것은 당신에게 더 많은 도움이 될 것입니다. 도움이 더 필요하면 알려주세요. –

관련 문제