js自定义窗口可最小化网页特效

你可以使用 JavaScript 和 HTML / CSS 来创建一个自定义窗口，然后使用 jQuery 或其他 JavaScript 库来添加最小化的特效。以下是一个简单的示例：

HTML:

<div class="custom-window">
  <div class="title-bar">
    <div class="title">My Custom Window</div>
    <div class="buttons">
      <button class="minimize">-</button>
      <button class="close">X</button>
    </div>
  </div>
  <div class="content">
    <!-- Your webpage content here -->
  </div>
</div>

CSS:

.custom-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 300px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eee;
  padding: 5px;
}

.title {
  font-weight: bold;
}

.buttons {
  display: flex;
  align-items: center;
}

.button {
  margin-left: 5px;
}

.content {
  padding: 10px;
}

JavaScript / jQuery:

$(document).ready(function() {
  // Minimize button
  $('.minimize').click(function() {
    $('.custom-window').toggleClass('minimized');
  });
  
  // Close button
  $('.close').click(function() {
    $('.custom-window').remove();
  });
});

这个示例使用了 jQuery 库来添加点击事件。点击“最小化”按钮时，会切换一个 CSS 类，从而使窗口最小化。点击“关闭”按钮时，会将整个窗口从 DOM 中删除。你可以根据自己的需求来修改代码。