使一个框出现在页面前面

时间：2012-10-11 21:09:37

标签： javascript jquery html

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

PICTURE 1:

PICTURE 2:

5 个答案:

答案 0 :(得分：1)

您可以使用JavaScript confirm()框：

示例： 

var r=confirm("Press a button");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }

答案 1 :(得分：1)

您想要的是模态对话框或灯箱。我建议使用大量的javascript和jQuery模式插件之一。例如：

或者像汤姆建议的ColorBox，或任何其他吨。

或类似<body onload="if (confirm('Do you want to start the music?')) startMusic();">…

答案 2 :(得分：1)

Fancybox可以做你想做的事。您需要使用按钮创建<div>元素并将fancybox指向该div。

答案 3 :(得分：1)

你需要一个对话框，一个插件是最好的，如果你在框外点击它就会消失，插件有时会处理这个。 jQuery的模态对话框将锁定屏幕外的屏幕。如果你想自己做这个，你可以制作一个100％宽度和100％高度的div，你可以设置.1的不透明度，这样你就可以看透它。然后在单击div时，您将隐藏覆盖div并隐藏对话框div。要在前面设置对话框，插件会处理此问题，但您可以通过将z-index设置为高于页面上的任何其他z-index来执行此操作。

然后是你的例子的图片 - 是或否按钮。这不是您通常希望用户能够在外部点击并消失的东西。消失的通常是图片。是 - 否通常会锁定屏幕并等待响应。但你可以使用你想要的任何类型的对话框

答案 4 :(得分：0)

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

设置背景颜色并添加按钮

相关问题
最新问题