表格中重叠 <divs> 的 javascript 代码

Question

我有一个 2 行 3 列的表格；在每个单元格中都有一个分区。 我想要什么:

1. 当鼠标悬停在一个 div(例如 div1)上时，我想增加它的高度和宽度(已完成)
2. 相邻的 div 应保持静止:不修改左、上、右、下位置。
3. div1 与其邻居重叠

这可以做到吗？ 谢谢。

Answer 1

这只能用 css 来完成。 http://jsfiddle.net/Erp2B/

td { 
  position:relative;
  height:100px; 
  width:100px; 
  padding:5px; 
  background:#eee; 
  border:1px solid 
  #888;
}

td div { 
  position:absolute; 
  height:100px; 
  width:100px; 
  padding:5px; 
  top:0; 
  left:0;   
  transition: all 0.5s ease;
 }

td:hover div { 
  height:200px; 
  background:#f33; 
  z-index:1000; 
}