jquery重新播放css动画所遇问题解决【jquery】

web前端|js教程 jquery重新播放css动画所遇问题解决【jquery】

jquery,重新播放,css动画

web前端-js教程

最近在做css动画，遇到需要用脚本重新播放动画的情况。例如：

sift源码,vscode注释怎么复原,ubuntu突然连不上网,修改tomcat配置,sqlite 参数化查询,网页设计中文乱码,织梦导入数据库导入方法,云服务器和虚拟主机的区别,用php写插件管理系统,常见app前端开发框架,防止网络爬虫,php 判断是否数组,seo难学,分页 springboot,discuz门户标签,网站flash开头,易语言异步加载网页,政俯蓝色后台模板,云后台登陆,商城个人中心页面设计,学生成绩管理系统6.0,苹果cms电影程序lzw

css动画代码

微测试源码下载,VSCODE调试C语言程序,ubuntu虚拟集群,阿里用tomcat吗,爬虫能干的事,php bom json,江苏seo网络推广代理公司,教材管理系统sql 网站,织梦模板下载站模板下载lzw

 
.seed_txt_out .seed_txt h2 { 
animation-name: seed-h2; 
animation-duration: 2s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: 1; 
animation-direction: alternate; 
animation-play-state: running; 
position: relative; 
top: 10px; 
} 
@keyframes seed-h2 
{ 
from {top: -120px;} 
to {top: 10px;} 
}

jquery调用播放

在线帮助系统源码,可以用vscode直接写代码吗,ubuntu 外网ip,tomcat服务器怎么优化,sqlite怎样设置,网页设计div布局,asp.net 获取服务器文件路径,nano 插件,前端的开源框架,床上有爬虫感,php小结,唐河县seo优化软件,php 门户网站的外文资料,手机网页制作网站,简单的企业网站模板,苹果手机滑动页面效果,个人日记相册管理系统(hugexc),拟合椭圆的matlab程序lzw

 
$(".seed_txt_out").children("div").removeClass("seed_txt"); 
$(".seed_txt_out").children("div").addClass("seed_txt");

这时候，会发现，第一次显示，动画会正确播放，但是，第二次的时候，动画就不会播放了。

后来上网查了一下，解决办法很简单，复制一个元素，把原来的去掉，在新的上面添加式样就可以了。

 
$(opts.txt).children("div").removeClass("seed_txt"); 
temp = $(opts.txt).children("div:eq(" + $(this).parent("ul").children("li").index(this) + ")"); 
newDiv = temp.clone(true); 
temp.after(newDiv); 
temp.remove(); 
newDiv.addClass("seed_txt");

这里有个链接，老外解决的办法。还说了其它情况。遇到类似问题的朋友可以参考下，当然，是英文的。
http://css-tricks.com/restart-css-animation/

css动画重新播放