javascript - 如何在 Canvas 上悬停时展开图像？

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。

---

祝你好运!