課程
/前端開發
/HTML/CSS
/H5+JS+CSS3實現七夕言情
按照前面大神們的方法,為什么多次開始與暫停后,最后會發現小男孩在目標位置之前就停止動畫消失不見了呢,是不是因為多次暫停導致總時間10s發生了誤差減?。咳绾伪苊膺@種現象
2017-02-07
源自:H5+JS+CSS3實現七夕言情 3-4
正在回答
? 可以都使用animation
// 開始
? ? $("button:first").click(function() {
? ? ? ? $boy.removeClass('pauseWalk')
//**有對應的stop方法**
? ? ? ? $boy.addClass('slowWalk').animate({
? ? ? ? ? ? 'left': $("#content").width() + 'px',
? ? ? ? }, 10000);
? ? });
? ? // 暫停
? ? $("button:last").click(function() {
? ? ? ? var left = $boy.css('left');
? ? ? ? // 強制做了一個改變目標left的處理
? ? ? ? // 動畫是要運行10秒,所以此時動畫還是沒有結束的
? ? ? ? $boy.addClass('pauseWalk');
? ? ? ? $boy.stop()
說實話我現在都沒懂動畫是怎么實現的
JohnDoe4290627 提問者
jfhdibrbfjd
舉報
為七夕節準備的H5+JS+CSS3特效案例,由淺入深案例拆分講解
2 回答小男孩消失
1 回答小男孩消失
2 回答關于大家一致討論小男孩點擊暫停之后,在點擊開始于漂移以及時間不對的問題?
1 回答小男孩和小女孩的位置
3 回答暫停開始切換問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-07-15
? 可以都使用animation
// 開始
? ? $("button:first").click(function() {
? ? ? ? $boy.removeClass('pauseWalk')
//**有對應的stop方法**
? ? ? ? $boy.addClass('slowWalk').animate({
? ? ? ? ? ? 'left': $("#content").width() + 'px',
? ? ? ? }, 10000);
? ? });
? ? // 暫停
? ? $("button:last").click(function() {
? ? ? ? var left = $boy.css('left');
? ? ? ? // 強制做了一個改變目標left的處理
? ? ? ? // 動畫是要運行10秒,所以此時動畫還是沒有結束的
? ? ? ? $boy.addClass('pauseWalk');
? ? ? ? $boy.stop()
? ? });
2017-02-08
說實話我現在都沒懂動畫是怎么實現的