javascript - 在没有框架或没有插件的情况下部分显示没有 Canvas 的图像

标签 javascript jquery css

我有这个 img,它周围有一个框 div

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

1) 我希望当图像大时,只有图像的一部分 (250x150),而不在其上创建白色覆盖层。我在图像周围放置了一个 #box1 div,它不能限制显示的图像。

2) 当鼠标离开图片时,我想打断动画,简单地将图片动画回原来的大小。

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

最佳答案

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

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

关于javascript - 在没有框架或没有插件的情况下部分显示没有 Canvas 的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20056118/

相关文章:

javascript - 如何创建一个 Javascript 表单,根据下拉选项创建一个段落?

javascript - 如何通过提供对象键数组来动态修改对象值?

javascript - 使按钮在 0.5 秒内不可点击

javascript - JavaScript 中的嵌套 JSON 请求

html - Bootstrap 缩略图在较小的屏幕上与其他元素重叠

css - [semi-?] 官方 CSS 验证器提示一些 MS CSS

javascript - 动态生成html和js,生成意外的引用

javascript - 尝试使用 Express 简化对私有(private)帖子的访问

jquery - 使用 DRY 方法进行 SlideDown 和 SlideUp

包含 css 滚动条的 HTML 单元格——我怎样才能去掉填充?