我在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/
你发布的JSfiddle几乎可以用了。您只是没有选择jQuery,需要将html中的“img”类更改为“img1”,如下所示:
<img class="img1" src="" id="img" />
更新的JSfiddle