Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 动画结束时如何创建事件?_Jquery_Html_Animation_Css - Fatal编程技术网

Jquery 动画结束时如何创建事件?

Jquery 动画结束时如何创建事件?,jquery,html,animation,css,Jquery,Html,Animation,Css,1-动画结束时如何创建事件? 用css3编写的动画 2-如何仅在浏览器中加载所有数据时播放动画? 你可以看到 许多Thx。 1-您需要添加一个animationEnd事件侦听器 document.getElementById('animation-03').addEventListener('animationend', function () { alert('end') }, false); 确保为所有浏览器供应商添加它 这是一个分叉版本: 2-不要担心这一点。正如W3C规范所说,

1-动画结束时如何创建事件? 用css3编写的动画

2-如何仅在浏览器中加载所有数据时播放动画? 你可以看到

许多Thx。

1-您需要添加一个animationEnd事件侦听器

document.getElementById('animation-03').addEventListener('animationend', function () {
    alert('end')
}, false);
确保为所有浏览器供应商添加它

这是一个分叉版本:


2-不要担心这一点。正如W3C规范所说,只有在加载所有内容后,动画才会启动。

使用Javascript/jQuery启动并处理css3动画非常简单

检查示例


您可以使用js库来实现它

为什么不将javascript用于css动画?使用js/jquery制作动画。您可以使用jquery制作css动画。在css3中,它的运动速度更快,而且我认为它占用的资源更少,但如果您有一个好的示例,我很高兴看到您没有为此加载jquery和库。使用本机CSS3动画。