2010-12-07 3 views
0

jquery 메뉴는 마우스 오버시 애니메이션 효과가 나타나고 마우스 아웃시 축소됩니다. 그러나 사용자가 전체 메뉴 위에 마우스를 가지고 있다고 더 이상 간주하지 않는 상자 중 하나의 가장자리에 도달 할 때 사용자가 항목 위로 마우스를 가져가는 동안 문제가됩니다. 어떤 이미지에도 패딩/여백 또는 경계선이 없습니다. 모든 것이 잘 어울리도록 2x3 격자의 사각형입니다. 다음은 각 목록 요소와 관련된 jquery 코드입니다. ... "500 픽셀"신장 "150 픽셀"jquery 메뉴는 마우스 오버시 애니메이션 효과가 나타나지만 요소 간 이동시 축소됩니다. help

$ ("li.menu3") 마우스 오버 (함수() {

$는 ("ul.inactive3")) (정지는 ({폭을 애니메이션화

}}, "빠름", function() { $ ("ul.inactive3") 정지() 애니메이션 ({width : "500px", 높이 : "300px"} ");

}); ... "500 픽셀"신장 "150 픽셀"

$ ("li.menu3")로 마우스 (함수() {

$는 ("ul.inactive3")) (정지는 ({폭을 애니메이션화

}}, "빠름", function() { $ ("ul.inactive3") 정지() 애니메이션 ({width : "0px", 높이 : "0px"} ").

단순히 하나 개의 이미지를 사용하고 맨 위에 여러 이미지 맵을 배치하여이 문제를 극복 시도, 그러나 이것은 마우스 오버 크롬에서 작동하지 않는 새로운 문제를 제시

어떤 도움도 대단히 감사하겠습니다.,

감사합니다, 마이크

답변