Question

我创建了一个我有三个框架的网站。顶部的框架，菜单的框架和我的网站元素的框架。在我的菜单的JSP中，我有一些按钮。我的菜单按钮打开一个div弹出窗口。这是jquery中的代码：

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

＆＃34;框＆＃34;是一个包含iframe的div，它在菜单的jsp中定义。如果我点击我的按钮，＆＃34;框＆＃34;在菜单框中打开，但我想那个＆＃34;框＆＃34;在我的页面中全屏打开所有三个框架。我该怎么办？

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

Fadein与网页中的一些框架

1 个答案: