이 천천히 공개하고

에서 내가이 일을 너무 여러 가지 방법을 시도했습니다 마우스 오버에 천천히 숨기고 .HTML 만드는,하지만 난 원활 jQuery를 사용하여 나타납니다이 .html을 만들어 관리 할 수 없습니다 ... 어떻게이 천천히 공개하고

미리보기 창에 나타날 iframe이 여러 개 있기 때문에 HTML에 iframe을 넣은 다음 CSS를 사용하여 코드를 숨길 수 없으므로 사용자가 특정 섹션을 롤오버 할 때 코드를 호출해야합니다.

var version11 = $('#version11'); 
    var previewWindow1 = $("#previewWindow1"); 

    version11.mouseover(function() { 

     previewWindow1.html("<iframe src=\"URL"></iframe>");        

            });

출처

2012-02-10 Michael Rader

iframe을 HTML에 넣고 CSS를 사용하여 display : none;을 설정하십시오. 그런 다음 jQuery를 사용하여 페이드 인합니다. jQuery를 통해 추가하면 내용이 아직로드되지 않고 허점으로 보일 것입니다.

출처

2012-02-10 22:50:45

나도 같은 미리보기 영역에 나타납니다 여러 iframe을 가지고 있기 때문에이 작동하지 않을 수 있습니다, 그래서 코드를 호출 할 때 사용자 : http://api.jquery.com/animate/

데모에서

<div id="clickme">Click me!</div> <div id="test" style="display:none"> Your html dynamic content... Your html dynamic content... Your html dynamic content... Your html dynamic content... </div> $("#clickme").click(function() { $('#test').animate({ opacity: 'toggle' }, 1500, function() { }); });

더 많은 정보 버튼 중 하나를 굴립니다. –

.load() 메서드를 사용하여로드 한 후에 만 표시 할 수 있습니까? –

롤 괜찮아 ... 내 문제가 도움이되지 않습니다. –

먼저 숨겨진 컨테이너를 만든 다음 애니메이션을 호출 할 수 있습니다. http://jsfiddle.net/b8RNU/

출처

2012-02-10 22:58:52

동일한 미리보기 영역에 여러 개의 iframe이 표시되어 사용자가 단추 중 하나를 굴릴 때 코드를 호출해야하므로이 코드를 사용할 수 없습니다. –

대상 페이지가 호출 페이지와 같은 도메인에 있습니까? –

예. 그게 왜 중요할까요? –

이 천천히 공개하고

답변

관련 문제