显示图像部分没有画布没有框架或没有插件

Question

我有这个img,还有一个盒子div.

http://jsfiddle.net/6d4yC/7/

1)我希望当图像尺寸较大时,只需要图像的一部分(250x150),而不是在图像上创建白色覆盖图.我在图像周围放了一个#box1 div,它不能限制显示的图像.

2)当鼠标离开图片时,我想甚至打破动画,只需将图像设置为大尺寸的动画.

我怎样才能实现这些目标？谢谢.

Answer 1

1. 添加overflow: hidden到您的div.
2. 添加一个stop()来停止当前动画

JsFiddle:http://jsfiddle.net/6d4yC/9/