问答详情
源自：2-1 jQuery鼠标事件之click与dbclick事件

求问大神如何实现点击切换效果

<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结束-->

点击图片，图一变成图二，再点击一下，图二又会变成图一

提问者：慕侠0422420 2017-08-12 13:41

个回答

  • 延eagle
    2017-08-12 14:31:07
    已采纳 

    <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>


    0
  • Jenkin_Wang
    2017-08-12 14:36:42

    <script type="text/javascript">
$('a').toggle(function(){
    $(this).show().next().hide();
},function(){
    $(this).next().show().hide();
});
</script>


    1