Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使方框显示在页面前面_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使方框显示在页面前面

Javascript 使方框显示在页面前面,javascript,jquery,html,Javascript,Jquery,Html,我想在我的html页面前面放一个小框。在那个盒子里我想要两个按钮,当按下按钮时,它们将执行一个命令或者启动一些东西。如果你按下按钮或在盒子外面,盒子就会消失,如图2所示 您可以使用JavaScript使用确认()框: 示例: var r=confirm("Press a button"); if (r==true) { x="You pressed OK!"; } else { x="You pressed Cancel!"; } 您可以使用JavaScript使用c

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


您可以使用JavaScript使用
确认()
框:

示例:

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

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

示例:

var r=confirm("Press a button");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }
尝试使用colorbox,特别是内联html

设置背景色并添加按钮

尝试使用colorbox,特别是内联html


设置背景色并添加按钮

所需的称为模式对话框或灯箱。我建议使用大量javascript和jQuery模式插件中的一种。例如:

或者汤姆建议的颜色盒,或者其他任何一吨


或者类似于

的东西,您需要的是一个模式对话框或灯箱。我建议使用大量javascript和jQuery模式插件中的一种。例如:

或者汤姆建议的颜色盒,或者其他任何一吨


或者像

这样的东西可以做你想做的事。您需要使用按钮创建
元素,并将fancybox指向该分区。

可以执行您想要的操作。您需要使用按钮创建
元素,并将fancybox指向该分区。

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


然后是您的示例图片-带有“是”或“否”按钮。您通常不希望用户能够在外部单击并将其消失。消失通常是为了拍照。是-否通常会锁定屏幕并等待响应。但是你可以使用任何类型的对话框,我想你需要一个对话框,一个插件将是最好的,至于让它消失,如果你点击框外,插件有时会处理这个问题。jQuery的模式对话框将锁定框外的屏幕。如果你想自己做这件事,你可以制作一个100%宽度和100%高度的div,你可以将不透明度设置为.1,这样你就可以看穿它。然后单击div,您将隐藏覆盖div,并隐藏对话框div。对于设置前面的对话框,插件可以处理这个问题,但是您可以通过将z-index设置为高于页面上任何其他
z-index
的值来实现


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

我怎么把它放在我的页面前面呢?你可以将它设置为页面加载,页面加载后它就会出现,可能您可以禁用正在使用的页面上的所有其他元素,除非用户选择“是”。例如,我如何将其放置在页面前面?您可以将其设置为“页面加载”,并在页面加载后立即显示。可能您可以禁用正在使用的页面上的所有其他元素,除非用户选择“是”,例如