账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    为什么ele.style.top放在setTimeout里,才会有动画效果?
    32
    0

    style部分

    .aa{position:absolute;transition:top 2s;}

    html部分

    <div id="ele" class="aa">动画文字</div>

    js部分

    var ele=document.getElementById('ele')
    ele.onclick=function(){
        ele.style.top=0
    //ele.style.top=100+'px'如果这一行不放在setTimeout里,就不会出现top从0到100的动画
    setTimeout(function(){
        ele.style.top=100+'px'
    },0)
    }

    在线预览地址
    http://jsbin.com/pucedelowa/e...

    现在就有一个疑惑,为什么只有把ele.style.top=100+'px'放在seTimeout里,点击文字后才会有transition的动画效果呢?
    另外有没有其他函数,可以达到和setTimeout一样的效果呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部