div에 연결된 아이콘을 페이드 아웃하는 방법은 무엇입니까?

저는 건물에있는 Tumblr 테마에서 아이콘 위로 마우스를 가져 가면 팝업이 나타나는 div를 퇴색시키고 싶습니다. roseannebarr.tumblr.com. 내가div에 연결된 아이콘을 페이드 아웃하는 방법은 무엇입니까?

PS를 :(하는 방법을 모른다 : 당신은 "우리는 곧 돌아 올께요"몇 분 후에 다시 시도 얻을 경우, 텀블러 바보 :(텀블러가 어떻게 작동하는지

가되는 이잖아; Tumblr은 자신의 "태그"를 사용하여 사용자의 대시 보드에서 입력 한 게시물을 만듭니다. 링크, 사진, 텍스트, 채팅, 비디오 또는 오디오를 게시 할 수 있습니다. 아래에 사진 게시물을 입력했습니다. 또한 "블록")를 사용하고 툴팁. 그 이유는 당신이 내 페이지의 소스를 볼 수는 있지만 태그는 내용이기 때문입니다 볼 수없는 실제 내용 자체입니다.

<div id="outer"> 
{block:Photo} 
<img id="block" src="http://static.tumblr.com/ux4v5bf/vYSlebvt2/photo.png"> 
<div id="tooltip"> 

{LinkOpenTag}<center><img id="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></center>  
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption} 

<img id="cover" src="http://static.tumblr.com/ux4v5bf/pMHledd2y/cover.png"> 
<img id="cover" src="http://static.tumblr.com/ux4v5bf/pMHledd2y/cover.png"> 
</div> 
{/block:Photo} 
</div>

출처

2011-01-02 Earl Larson

가 어떻게 현재 div의 표시와 사라지고 : 애니메이션이 두 번째로 완료되면 그것은 첫 번째 인수 및 옵션 기능으로 밀리 초 단위로 시간이 소요

호출 될

? 나는 방화 광에서 링크 된 웹 사이트를 보았지만 그것이 어떻게 일어나는지 알 수 없다. –

위의 사진 게시물에 HTML을 입력했습니다. –

$('#myIconId').mouseover(function() { 
    $('.mydivsClass').fadeIn(5000); 
});

내가보기에 하나의 문제는 페이지의 여러 요소에 동일한 ID가 있다는 것입니다. W3C는 하나의 ID를 나타내지 만 여러 클래스를 나타냅니다. 위의 작업을 수행하려면 리팩토링을해야 할 수도 있습니다. 아이콘을 이미지와 일치시키는 방법이 필요하며 일반적으로 ID 태그가하는 일입니다.

출처

2011-01-02 02:06:44 jmort253

그래,하지만 나는 그것이 작동하기 쉽고 간단한 방법으로 나에게 너무 오래 걸렸다 :(퇴색하는 것은 ID이기 때문에 작동하지 않았다.) –

Marcus의 대답을 시도하고 show()를 fadeIn(). 다른 사진을 표시하려면 무언가를해야합니다. 따라서 코드를 게시하면 우리가 한 일을 결정하는 데 도움이 될 수 있으므로 더 구체적인 대답을 제공 할 수 있습니다. – jmort253

모두 노력하고 둘 다 노력했다. 나는 그 코드를 사용하고 div # 대체 할 div # tooltip 대체 할 것이라고 가정 할 것입니다. 페이드 인 할 div 이후. –

jQuery의 show() 및 hide() 메서드를 사용하여 해당 div를 사용한다고 가정합니다.

대신 jQuery는 fadeIn()과 fadeOut() 함수를 사용하여 정확하게 들리지만, docs for fadeIn here을 찾을 수 있습니다.

$('div#whatever').fadeIn(200, function() { 
    console.log('the fade has finished when this function is called'); 
});

출처

2011-01-02 02:07:07

div에 연결된 아이콘을 페이드 아웃하는 방법은 무엇입니까?

답변

관련 문제