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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    tab页里给div添加动画事件,div保持在动画结束状态,切出去后再切回页面时动画又再执行一遍,我想它一直停止结束状态
    35
    0

    animation: 1s rotatefresh forwards ease;
    transition: rotatefresh 1s ease;
    z-index:99;
    -webkit-transition: rotatefresh 1s ease;

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 轮回亦思伊人 普通会员 1楼

      你可以通过JavaScript的requestAnimationFrame()函数来实现这个功能。requestAnimationFrame()函数会在下一次重绘之前调用指定的函数。这样,动画就会一直执行,直到你的动画结束后。

      以下是一个简单的例子:

      ```javascript var div = document.getElementById('myDiv');

      div.addEventListener('animationend', function() { div.style.display = 'none'; });

      div.style.animation = 'myAnimation 2s linear infinite'; ```

      在这个例子中,我们首先获取了id为'myDiv'的div元素,然后添加了一个动画事件监听器。当动画结束时,我们调用div.style.display='none'来隐藏div元素。然后,我们设置div的animation属性为'myAnimation 2s linear infinite',这将使div元素执行一个2秒的线性动画,动画开始和结束时都会有淡入淡出的效果。

      注意,这个例子只在首次执行动画时会触发动画结束事件,如果你想让动画始终在结束状态,你需要在动画结束后再次调用requestAnimationFrame()函数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部