javascript - 在鼠标悬停时展开一个 div。 (向左或向右扩展)

Question

这是后续:

Expanding Div..... stackoverflow

我想在悬停状态下添加更多内容。说“正常”(宽:100 像素，高:100 像素)有一个 50 像素(宽/高)的图像，其下方有一个小的居中标题。 'Hover' (w:300px, h:100px) 与'Normal' 相同，但它可以在图像和标题的左侧或右侧展开，另一侧有更多内容。

我该怎么做呢？

---

哈雷

Answer 1

试试这个:

.myDiv .hoverContent {
    display: none;
}
.myDiv:hover .hoverContent {
    display: block;
}
.myDiv:hover img {
    float: left;
}