如何在使用画布悬停时展开图像？

Question

我非常喜欢这个示例http://www.nytimes.com/newsgraphics/2013/09/13/fashion-week-editors-picks/图像如何在悬停时展开。我知道如何用jquery做到这一点，但我也知道它不会那么快和可靠。我可以尝试使用d3js，但我真的很新，我知道我可以在哪里开始或其他可行的替代品？

感谢

Answer 1

试试这个：

HTML：

<div style = "display:inline;" id = "imgBar">
</div>

的CSS：

#imgBar{
//CSS here
}

#imgBar > img:hover{
width:200px; //Just set the width to double it's default value
height:200px; //Same as above; 200px is just a dummy value
}

然后，您可以使用javascript将图像添加到div。

---

祝你好运！