国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery重新播放css動(dòng)畫所遇問題解決

2019-11-20 22:22:39
字體:
供稿:網(wǎng)友
最近在做css動(dòng)畫,遇到需要用腳本重新播放動(dòng)畫的情況。例如:

css動(dòng)畫代碼
復(fù)制代碼 代碼如下:

.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調(diào)用播放
復(fù)制代碼 代碼如下:

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

這時(shí)候,會(huì)發(fā)現(xiàn),第一次顯示,動(dòng)畫會(huì)正確播放,但是,第二次的時(shí)候,動(dòng)畫就不會(huì)播放了。

后來上網(wǎng)查了一下,解決辦法很簡(jiǎn)單,復(fù)制一個(gè)元素,把原來的去掉,在新的上面添加式樣就可以了。
復(fù)制代碼 代碼如下:

$(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");

這里有個(gè)鏈接,老外解決的辦法。還說了其它情況。遇到類似問題的朋友可以參考下,當(dāng)然,是英文的。
http://css-tricks.com/restart-css-animation/
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 巴南区| 梁河县| 读书| 慈利县| 镇平县| 上林县| 大宁县| 五家渠市| 肥西县| 贵溪市| 陈巴尔虎旗| 南部县| 凉城县| 玛曲县| 民权县| 邳州市| 阿拉善左旗| 信丰县| 台山市| 临安市| 扶余县| 桐柏县| 兴隆县| 仲巴县| 华蓥市| 凤翔县| 鸡泽县| 沾化县| 景谷| 广汉市| 长泰县| 敖汉旗| 新营市| 礼泉县| 遂昌县| 玛沁县| 安徽省| 辽阳市| 白银市| 大同市| 镇雄县|