我在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中的代码
答案 0 :(得分:0)
你发布的JSfiddle几乎正在运作。您刚刚没有选择jQuery,需要将html中的“img”类更改为“img1”,如下所示:
<img class="img1" src="" id="img" />