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

the*_*tle 1 javascript css jquery css3

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

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

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

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

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

Pet*_*Wal 7

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

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

  • BTW:添加`position:relative; 上:-10px; left:-240px;`你的img有一个更好的开始位置你的图像(http://jsfiddle.net/6d4yC/14/) (2认同)