提问者:小点点

jquery具有动画高度的重叠图像


我在jquery中做了一些转换,我被卡住了。我想在点击重叠的div与图像在这个div与红色背景。

HTML

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

null

CSS

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

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

jQuery

$(文档).就绪(函数(){$(“#img_div1”).单击(函数(){
$(“.img1”).动画({“height”:“70px”},1000).attr(“src”,“http://gglys.com/images/logo.png”);});});

这是我在JSFiddle中的代码

http://jsfidle.net/24jsfbv8/


共1个答案

匿名用户

你发布的JSfiddle几乎可以用了。您只是没有选择jQuery,需要将html中的“img”类更改为“img1”,如下所示:

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

更新的JSfiddle