Fadein與網頁中的某些框架

Question

我正在創建一個網站，我有三個框架。頂部框架，菜單框架和我網站元素的框架。 在我的菜單的JSP中，我有一些按鈕。我的菜單按鈕打開一個div彈出窗口。這是jQuery的代碼：

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

「box」是一個包含iframe的div，它在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 
});