为了账号安全,请及时绑定邮箱和手机立即绑定

淡入淡出效果In和Out怎么理解?

    <body>

        <h3>使用fadeIn()与fadeOut()方法实现元素淡入淡出的效果</h3>

        <div>

            <h4>我喜欢吃的水果</h4>

            <ul>

                <li>苹果</li>

                <li>甘桔</li>

                <li>梨</li>

            </ul>

            <input id="hidval" type="hidden" value="0"/>

        </div>

        

        <script type="text/javascript">

            $(function () {

                $("h4").bind("click", function () {

                    if ($("#hidval").val() == 0) {

                        $("ul").fadeOut(2000,function() {

                            $("#hidval").val(1);

                        })

                    } else {

                        $("ul").fadeIn(2000,function() {

                            $("#hidval").val(0);

                        })

                    }

                })

            });

这是我的代码,我的理解是input id="hidval" type="hidden" value="0"这段代码表示刚开始是隐藏的。所以这里

    if ($("#hidval").val() == 0) {

                        $("ul").fadeOut(2000,function() {

                            $("#hidval").val(1);

我用OUT把隐藏的元素淡出。然后value值变为1.

第二段是显示之后用IN淡入回去隐藏。但是我看其它人的代码都是先In后Out。是不是我理解的有问题?

正在回答

4 回答

input id="hidval" type="hidden" value="0这不是隐藏和显示代码的,下面的fadeOut才是隐藏,那个input里的value值设的是为下面好判断


0 回复 有任何疑惑可以回复我~
#1

顾五丑 提问者

非常感谢!
2016-04-13 回复 有任何疑惑可以回复我~
#2

顾五丑 提问者

那到底是应该先in还是先out呢?
2016-04-13 回复 有任何疑惑可以回复我~
#3

blowwind 回复 顾五丑 提问者

先fadeIn,ul开始没有显示,需要fadeIn渐入,input id="hidval" type="hidden" value="0只是一个隐藏输入域,type=‘hidden’和ul显示不显示没有关系,有关系的只是value的值
2016-05-14 回复 有任何疑惑可以回复我~

fadeIn是显示图片,fadeOut是隐藏图片

0 回复 有任何疑惑可以回复我~

in是消失 out是显示

0 回复 有任何疑惑可以回复我~

最好先in,因为value值为0首先会被触发判断,如果你要先out就要触发两次才能看见效果


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

淡入淡出效果In和Out怎么理解?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信