慕侠0422420
2017-08-12 13:41
<div class="logo"><!--logo-->
<img id="a" src="logo.jpg" height="120";width="350";/><!--图一-->
<img id="b" src="02dianshang1.jpg" height="120";width="350";/><!--图二-->
</div><!--logo结束-->
点击图片,图一变成图二,再点击一下,图二又会变成图一
<script type="text/javascript">
var isFirst = false;
$(".logo").click(function(){
if(!isFirst){
$("img:first").show();
$("img:last").hide();
isFirst = true;
}else{
$("img:first").hide();
$("img:last").show();
isFirst = false;
}
})
</script>
<script type="text/javascript">
$('a').toggle(function(){
$(this).show().next().hide();
},function(){
$(this).next().show().hide();
});
</script>jQuery基础(三)—事件篇
89985 学习 · 645 问题
相似问题