0

我想在我的 html 页面前面放置一个小框。在那个盒子里，我想要两个按钮，它们将执行命令或按下时启动某些东西。如果您按下按钮或框外，框将消失，如图 2 所示。

图片1：

图二：

4

5 回答 5

1

您可以使用confirm()JavaScript 使用框：

例子：

var r=confirm("Press a button");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }
于 2012-10-11T21:11:14.913 回答
1

您将需要一个对话框，插件将是最好的，至于如果您单击框外使其消失，插件有时会处理此问题。jQuery 的 modal-dialog 会将屏幕锁定在框外。如果您想自己执行此操作，您将创建一个具有 100% 宽度和 100% 高度的 div，并且您可以将不透明度设置为 0.1，以便您可以看穿它。然后单击 div，您将隐藏覆盖 div 并隐藏对话框 div。为了设置前面的对话框，插件会处理这个，但是你可以通过将 z-index 设置得高于z-index页面上的任何其他来做到这一点。

然后是您的示例图片 - 带有是或否按钮。这不是您通常希望用户能够在外部单击并消失的东西。消失通常是为了图片。是 - 否通常会锁定屏幕并等待响应。但是你可以使用任何类型的对话，我猜你喜欢

于 2012-10-11T21:23:22.760 回答
1
于 2012-10-11T21:20:10.627 回答
1

Fancybox可以为所欲为。您需要<div>使用按钮制作元素并将fancybox 指向该div。

于 2012-10-11T21:21:12.477 回答
0

尝试使用 colorbox http://www.jacklmoore.com/colorbox，特别是内联 html。

设置背景颜色并添加按钮

于 2012-10-11T21:12:27.537 回答