2010-06-16 4 views
2

div 내 항목의 배경이 희미 해지기를 원합니다 - 가장 최근 항목이 페이지로드에있는 것을 사용자에게 보여주기 위해서입니다.fadeIn 페이지에로드

페이지가로드 될 때 클릭하거나 마우스를 가져갈 필요없이 페이지로드시에이 기능을 사용하고 싶습니다. 이 pageLoad 같은

$(document).ready(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 

인가 :

나는이 있나요?

도움을 주시면 감사하겠습니다.

+0

pageLoad는 문서와 같은 준비가 작동하지 않는 것입니다? –

+0

@kerry 이미지에 대해 질문 할 때 특별히 pageLoad와 document.ready 사이에 차이가 있습니다. –

답변

6

를 사용하여 페이지가로드가 터 load 이벤트 : 당신이 내용을 숨기 경우

$(window).load(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 
+0

'$ (document) .ready (...)'와'$ (window) .load (. ..)'? 저는 아직 jQuery에 충분히 익숙하며, 전에는 후자의 대안을 보지 못했습니다. =) –

+1

@Ricebowl :'ready' 핸들러는 DOM, 이미지, 프레임 등을 포함하는 모든 페이지의 리소스가로드되었지만 (느린) 중요 할 때'load'가 실행될 때 DOM (문서 객체 모델)이 준비 될 때 이미지/프레임에 관해서. – Sarfraz

+0

아, 고마워 =) (+1) –

1

100 % 확인을하지만

 
window.onload =function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
} 

0

브래드를 시도, 코드가 작동합니다 먼저 jQuery를 다시 페이드 인하면 jQuery는 이미 숨겨진 무언가를 페이드 아웃 (fade-out) 할 수 없다는 것과 같은 의미로 이미 보여주고있는 것을 퇴색시킬 수 없다.

See example

$(document).ready(function() { 
    $('#box').hide().fadeIn(5000, function() { 
    // Animation complete 
    }); 
});