如何在畫布上使用鼠標展開圖像？

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中。

---

祝好運！