如何从div中弹出图像一点点

Question

我有连续的图像，我想在移动和出现时从div中弹出一个切口。 当我们鼠标悬停时它应该移动一点。

我可以知道怎么做吗？

Answer 1

我认为这就是您要求的：使用jQuery animate()

$(document).ready(function() {
  $("#yourImageIdOrSelector").mouseover(function () {
    var $this = $(this);
    $this.animate({left: '+=5'}, 'fast', function() {
      $this.animate({left: '-=10'}, 'fast', function() {
        $this.animate({left: '+=5'}, 'fast', function() {
          //animation finished
        });
      });
    });
  });
});

以下是demo http://www.jsfiddle.net/xbBQa/3/

---

已编辑：使图像看起来更接近您或变得更大。对不起你的问题很难理解。我第一次努力了。但这是对它的第二次尝试。以下是代码，此处是指向demo http://www.jsfiddle.net/xbBQa/5/

的链接

$(document).ready(function() {
  $("#myimage").mouseover(function () {
    var $this = $(this);
      $this.animate({height: '+=5', width: '+=5'}, 'fast', function() {
      $this.animate({height: '-=10', width: '-=10'}, 'fast', function() {
        $this.animate({height: '+=5', width: '+=5'}, 'fast', function() {
          //animation finished
        });
      });
    });
  });
});