jquery叠加图像与动画高度

时间:2014-10-20 14:55:57

标签: jquery html css animation

我在jquery中进行了一些转换,我陷入困境。我希望点击在div中用红色背景重叠div与图像。

HTML

<div id="img_div1">
<img class="img" src=""  id="img" />

CSS

#img_div1
{
width:333px;
height:70px;
background:url("img/1.jpg");
}

.img1{ height:0px; width:333px; }

的jQuery

(文档)$。就绪(函数(){  $(&#34;#img_div1&#34;)。click(function(){
   $(&#34; .img1&#34;)。animate({&#34; height&#34;:&#34; 70px&#34;},1000).attr(&#34; src&#34;,& #34; http://gglys.com/images/logo.png&#34);     });   });

这是我在JSFiddle中的代码

http://jsfiddle.net/24jsfbv8/

1 个答案:

答案 0 :(得分:0)

你发布的JSfiddle几乎正在运作。您刚刚没有选择jQuery,需要将html中的“img”类更改为“img1”,如下所示:

<img class="img1" src=""  id="img" />

Updated JSfiddle