JQuery와는 - 호버 addclass 기능

Alrighty 그래서 여기 사업부의 호버의 "fbox는"이제 DIV "fbot"JQuery와는 - 호버 addclass 기능

<script> 
$(document).ready(function() { 
$(function() { 
    $("#fbox").hover(function() { 
     $("#fbot").addClass("fboto"); 
    }, 
    function() { 
     $("#fbot").removeClass("fboto"); 
    }); 
}); 
}); 



</script>

의 클래스를 변경하여 배경을 대체 내 현재 jQuery 코드는의에 fadeIn/페이드 아웃 추가 내가 원하는 것은 fadeIn과 fadeOut을 변화하는 배경에 추가하는 것이다. 그러나 나는 그것을하기위한 적절한 방법이 확실치 않다. 나는 그것의 다른 배열을 시도해 왔고, 그것이 방향이나 순서대로 작동하지 않았다. ..

해당 div의 내 html :

배경 이미지에 대한 0

내 간단한 CSS를 변경합니다 .. :

.fboto { 
    width: 934px; 
    background:url(images/cb/fboto.png) no-repeat; 
    height: 17px; 
    margin:0 
}

어떤 도움도 좋은 것입니다, 감사합니다!

출처

2010-12-12 Nto

가 배경 - 이미지 사이에 페이드 할 수있는 방법이 될 것 같지 않습니다; 마크 업에 이미지를 갖고 싶고 배경 이미지에 근접하도록 스타일을 지정했다면'fadeIn'과'fadeOut'을 사용할 수 있습니다. –

jQuery UI를 사용하면 클래스 추가 및 제거를 애니메이션으로 처리 할 수 있습니다. 간단하게 UI를 jQuery의 플러그인을 포함하여 당신이 할 수 있습니다 :

$("#fbot").addClass("fboto",duration,callBack); 
$("#fbot").removeClass("fboto",duration,callBack);

을 더 참고 : jQuery UI addClass

출처

2010-12-12 16:08:08

그게 정말 도움이되지 않습니다. – Nto

그게 내가하는 일이기도합니다. 하나의 클래스는 하나의 배경 이미지와 다른 하나의 이미지를 가지고 있습니다. –

JQuery와는 - 호버 addclass 기능

답변

관련 문제