0

我想为四个不同的小图像的大小设置动画，每个图像都在自己的 div 中。现在，我可以为 div 设置动画，但 div 内的图像不会改变。有没有办法做到这一点？

这是当前工作的示例：http: //jsfiddle.net/r69Zv/1/

我当前的javascript：

$(document).ready(function () {
    $("#green_box_container a").click(function() {
          $(this).children().animate({height:105,width:105})
          $(this).siblings().children().animate({height:80,width:80})
    })
});

编辑：简单地尝试输入 $(this).children('img').animate ... 似乎不起作用

任何帮助都是极好的！！

4

2 回答 2

0

这样做的方法很多，但一种方法是添加此 CSS 样式

div img { width:100%; height:100%; }

小提琴

更新

对于它的价值，我简化了你的 HTML。

检查这个小提琴......更简单，更清洁。

于 2013-03-21T04:29:32.393 回答
0

啊，有两种选择：

  1. 为您的图像设置样式以继承其容器的大小：

    一个{位置：相对；}

    img {位置：绝对；宽度：100%；高度：100%；}

  2. 调整图像及其容器的大小：

    $(document).ready(function () { $("#green_box_container a").click(function() { $(this).children().animate({height:105,width:105}) $(this ).find('img').animate({height:105,width:105}) $(this).siblings().children().animate({height:80,width:80}) }) }) ;

于 2013-03-21T04:31:04.670 回答