css - 是否可以使用 codeigniter 创建一个 float 窗口？我该怎么做？

Question

我想问问大家，如何在code igniter中创建一个 float 窗口。场景是当我单击一个文本框时，它会显示一个 float 窗口，右上角有一个关闭按钮。我是使用代码点火器的新手。感谢那些能给我解决方案的人。

Answer 1

如果我没记错的话，Code igniter 是一个 PHP 框架。您通常使用 javascript 和 CSS 构建模态弹出窗口。下面的代码应该非常易读。 fadeIn(); 方法随 jQuery 开箱即用 - 绝对定位框的一种棘手方法需要宽度和高度。这是 a jsFiddle

HTML

<div class="box">
  This is your box
  <button id="close">close</button>
</div>

<button id="open">open</button>

CSS

.box {
  position: absolute;
  width: 400px;
  height: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  border: 1px solid red;
  
  display: none;
}

jQuery

$('#open').on('click', function() {
  $('.box').fadeIn();
  $(this).hide();
  
});

$('#close').on('click', function() {
  $('.box').fadeOut();
  $('#open').show();
});