Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.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
Css 是否可以使用codeigniter创建浮动窗口?我该怎么做?_Css_Codeigniter - Fatal编程技术网

Css 是否可以使用codeigniter创建浮动窗口?我该怎么做?

Css 是否可以使用codeigniter创建浮动窗口?我该怎么做?,css,codeigniter,Css,Codeigniter,我想问你们,我怎样才能在CodeIgniter中创建一个浮动窗口。场景是当我点击一个文本框时,它会显示一个浮动窗口,右上角有一个关闭按钮。我对使用代码点火器是个新手。感谢您为我提供了解决方案。如果我是正确的,CodeIgniter是一个PHP框架。通常使用javascript和CSS构建模式弹出窗口。下面的代码应该非常可读。fadeIn()方法与jQuery一起提供了开箱即用的功能,而一种绝对定位盒子的巧妙方法需要宽度和高度。这是 HTML jQuery <div class="

我想问你们,我怎样才能在CodeIgniter中创建一个浮动窗口。场景是当我点击一个文本框时,它会显示一个浮动窗口,右上角有一个关闭按钮。我对使用代码点火器是个新手。感谢您为我提供了解决方案。

如果我是正确的,CodeIgniter是一个PHP框架。通常使用javascript和CSS构建模式弹出窗口。下面的代码应该非常可读。
fadeIn()方法与jQuery一起提供了开箱即用的功能,而一种绝对定位盒子的巧妙方法需要宽度和高度。这是

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

<button id="open">open</button>
.box {
  position: absolute;
  width: 400px;
  height: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  border: 1px solid red;
  
  display: none;
}
$('#open').on('click', function() {
  $('.box').fadeIn();
  $(this).hide();
  
});

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