是否可以使用codeigniter创建浮动窗口？我该怎么办？

Question

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

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