프로토 타입의 페이드 아웃 div

프로토 타입을 사용하여 내 페이지에서 div를 fadeout해야합니다. 프로토 타입에서 jquery 코드 다음에 어떻게 페이드 아웃 할 수 있습니까?프로토 타입의 페이드 아웃 div

$('.exercise-main .content .loading-failure').fadeOut(function(){ 

    //my code 

}

출처

2012-05-29 user1077300

나는 당신이 페이드 효과를 얻을 수 있도록 (훌륭한 애드온 환상적인 prototype.js에에있는) script.aculo.us를 사용해야합니다 생각합니다.

기본 구문

 
new Effect.Fade('id_of_element', [options]); 

OR 

new Effect.Fade(element, [options]);

전체 코드입니다.

 
<html> 
<head> 
<title>script.aculo.us examples</title> 

    <script type="text/javascript" 
    src="/javascript/prototype.js"></script> 
    <script type="text/javascript" 
    src="/javascript/scriptaculous.js?load=effects"></script> 
    <script type="text/javascript"> 

    function FadeEffect(element){ 
     new Effect.Fade(element, 
     { duration:1}); 
    } 
    function ShowEffect(element){ 
     new Effect.Appear(element, 
     {duration:1, from:1.0, to:1.0}); 
    } 

    </script> 
</head> 
<body> 
<div onclick="FadeEffect('hideshow')"> 
    Click me to fade out the image 
</div> 
<br /> 
<div onclick="ShowEffect('hideshow')"> 
    Click me to display the image once again 
</div> 
<br /> 
<div id="hideshow"> 
    <img src="/images/scriptaculous.gif" alt="script.aculo.us" /> 
</div> 

</body> 
</html>

튜토리얼 링크 - http://www.tutorialspoint.com/script.aculo.us/scriptaculous_fade_effect.htm

자신 prototype.js를 사용하고이 부가 기능은 매우 심하게 그래서 당신은 어떤 문제에 직면 단지의 경우, 의견을 자유롭게 나는 .. :-)

출처

2012-05-29 13:38:17 verisimilitude

프로토 타입의 페이드 아웃 div

답변

관련 문제