웹 페이지에 프레임이있는 페이딩

Question

나는 세 개의 프레임이있는 웹 사이트를 만들고 있습니다. 상단 프레임, 메뉴 프레임 및 웹 사이트 요소 프레임. 내 메뉴의 JSP에는 버튼이 있습니다. 내 메뉴의 버튼이 div 팝업을 엽니 다. 이 JQuery와의 코드입니다 :

$(".open").click(
    function(){ 
     $('#overlay').fadeIn('fast'); 
     $('#box').fadeIn('slow'); 
    }); 

은 "상자"iframe이 포함되어 사업부이며이 메뉴의 JSP에 정의되어 있습니다. 내 버튼을 클릭하면 "상자"가 메뉴 프레임에 열립니다.하지만 "상자"가 내 페이지의 전체 화면에서 세 개의 프레임 전체에 열렸습니다. 어떻게해야합니까?

Answer 1

@http://jquerytools.org/documentation/overlay/을 보았습니까?

당신은 바퀴를 재발 명하고 있습니다.이 jquery 플러그인은 설치가 매우 쉽고 매우 인기가있어서 도움이됩니다.

// select one or more elements to be overlay triggers 
$(".my_overlay_trigger").overlay({ 

// one configuration property 
color: '#ccc', 

    // another property 
    top: 50 

    // ... the rest of the configuration properties 
}); 

그와 같은 것을 당신이 .. http://jquerytools.org/demos/overlay/modal-dialog.html 찾고 정확히 만들기 위해

var triggers = $(".modalInput").overlay({ 
    // some mask tweaks suitable for modal dialogs 
    mask: { 
    color: '#ebecff', 
    loadSpeed: 200, 
    opacity: 0.9 
    }, 

    closeOnClick: false 
}); 

(전체 페이지에 걸쳐 마스크를 모달) 쉽게