麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery重新播放css動畫所遇問題解決

2019-11-20 22:22:39
字體:
來源:轉載
供稿:網友
最近在做css動畫,遇到需要用腳本重新播放動畫的情況。例如:

css動畫代碼
復制代碼 代碼如下:

.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調用播放
復制代碼 代碼如下:

$(".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/
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 粉嫩av一区二区三区四区在线观看 | 黄色网址免费入口 | h视频在线免费看 | 19禁国产精品福利视频 | 男男羞羞视频网站国产 | 免费国产一级淫片 | 毛片大全免费看 | 爱操影视 | 超碰97最新 | 国产精品久久久久久久av | 国产精品久久久久久久久久久天堂 | 成人一区三区 | 国内xxxx乱子另类 | 色中色综合| 国产好片无限资源 | 国产精品一区在线看 | 亚洲国产精品久久久久久久久久久 | 欧美精品久久天天躁 | 久久国产在线观看 | 人人舔人人插 | 久久精品免费网站 | 免费毛片在线视频 | 中文字幕在线日韩 | 91久久久久久久 | 91精品免费观看 | 日本xxxx色视频在线观看免费, | 国产成人在线免费观看视频 | 国产成人av在线播放 | 成人黄色网战 | 精品一区二区久久久久久按摩 | 成人免费av在线 | 一级免费在线 | 福利一区二区三区视频在线观看 | 久久午夜免费视频 | 国产人成精品综合欧美成人 | 精品一区二区三区免费毛片 | 一色桃子av大全在线播放 | 亚洲午夜精品视频 | 亚洲成人欧美在线 | 国产一区二区精品在线观看 | 成人在线观看免费爱爱 |