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

来源:2-1 jQuery鼠标事件之click与dbclick事件

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

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

写回答 关注

2回答

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


    慕侠0422...

    非常感谢!

    2017-08-12 16:30:58

    共 2 条回复 >

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


    胖官与他的面... 回复慕侠0422...

    上面大神的意思应该是当你点击a时,如果a画面是隐藏的点击时则a出现,a的下一个同级元素则隐藏,当你的a出现的时候你点击则a的下一个同级元素显示再隐藏 括号里面不用写东西但是我其实没有很明白他最后一句的意思 我的理解是这样

    2017-09-15 14:15:41

    共 2 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题