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 
});