给我一个代码案例，首先有一个盒子，盒子旁边有一个按钮，点击按钮之后出现一个弹窗，可以选择改变盒子四种大小和四种颜色，鼠标进入，直接就可以看到盒子改变，是使用鼠标移入来改变的，不使用滑块选择宽高，也不使用调色板选颜色，然后话有两个按钮一个是确定样式，一个是取消，简易一些的代码

以下是一个简单的HTML、CSS和JavaScript代码示例，实现了一个盒子和一个按钮，点击按钮后弹出一个弹窗，可以选择盒子的大小和颜色，并在鼠标移入时改变盒子的样式。确定和取消按钮可以保存或取消更改。

HTML代码：

<div id="box"></div>
<button id="btn">Change Style</button>

<div id="popup">
  <h2>Select Box Style</h2>
  <label>Size:</label>
  <select id="size">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
    <option value="xlarge">Extra Large</option>
  </select>
  <br>
  <label>Color:</label>
  <select id="color">
    <option value="red">Red</option>
    <option value="blue">Blue</option>
    <option value="green">Green</option>
    <option value="yellow">Yellow</option>
  </select>
  <br>
  <button id="ok">OK</button>
  <button id="cancel">Cancel</button>
</div>

CSS代码：

#box {
  width: 100px;
  height: 100px;
  background-color: red;
}

#popup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: white;
  border: 1px solid black;
}

#popup label {
  display: inline-block;
  width: 50px;
}

#popup select {
  margin-bottom: 10px;
}

#popup button {
  margin-right: 10px;
}

JavaScript代码：

var box = document.getElementById("box");
var btn = document.getElementById("btn");
var popup = document.getElementById("popup");
var size = document.getElementById("size");
var color = document.getElementById("color");
var ok = document.getElementById("ok");
var cancel = document.getElementById("cancel");

btn.addEventListener("click", function() {
  popup.style.display = "block";
});

ok.addEventListener("click", function() {
  box.style.width = size.value;
  box.style.height = size.value;
  box.style.backgroundColor = color.value;
  popup.style.display = "none";
});

cancel.addEventListener("click", function() {
  popup.style.display = "none";
});

box.addEventListener("mouseover", function() {
  box.style.cursor = "pointer";
});

box.addEventListener("click", function() {
  popup.style.display = "block";
});

当用户点击按钮时，弹出一个弹窗，用户可以选择盒子的大小和颜色。确定按钮将更改盒子的样式，取消按钮将关闭弹窗。当用户将鼠标移动到盒子上时，鼠标指针将变为手指，单击盒子将再次打开弹窗以进行更改。