亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JS動畫效果

vivian Web前端工程師
難度初級
時長 2小時 8分
學習人數
綜合評分9.60
537人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
自定義封裝函數時 應該要精簡
做的東西在火狐和IE上完美運行,在谷歌卻不行。。。
怎么讓它邊運動 顏色邊變呢?
為什么我按照老師的方法可以全部出去,但是不能全部縮回來,用別人的代碼試也是這樣,求指教
給大家分享一個一句可以代替判斷速度正負代碼的
源代碼為:
if(oDiv.offsetLeft<target){
speed=10; //offsetLeft
}
else if(oDiv.offsetLeft>target){
speed=-10;
};

可以精簡為
oDiv.offsetLeft>target?speed=-10:speed=10;
挺好的,簡單明了
評論區個個都是人才,說話又好聽,超喜歡這里
1、flag=true,應該立在定時器內,json的for遍歷前;
var flag=true;定義在了for-in外面,而因為json中的屬性無法第一次就運動到目標值,所以flag的值一定會變為false。變為false之后,當所有的屬性值都運動到目標值也沒有語句使它變為true,所以fn()不會執 行。
2.if(flag){clearInterval(obj.timer);if(fn){fn()}}應該放在定時器內,json的for遍歷后:
因為在循環里面的話第一個屬性達到目標值后就會執行clearInterval(obj.timer),從而關閉定時器其他屬性還未達成目標值
2017年的那些事:http://www.xianlaiwan.cn/article/22712
2017年的那些事:http://www.xianlaiwan.cn/article/22712
可以用3個animate連綴完成
$(this).find("i").animate({top:"-10px",opacity:"0"},300)
.animate({top:"20px"},300)
.animate({top:"10px",opacity:"1"},300);
關于完美框架鏈式運動的bug:var flag=true;定義在了for-in外面s定時器里面,當所有運動完成后,不會改變定時器里面開始的var flag=true ,最后執行停止定時器和下面的fn(),已用alert驗證執行了fn(),但是如果再次在這里調通startMove()的話就會導致報錯getStyle函數Failed to execute 'getComputedStyle'。這里再調通startMove()是obj不能再用this,這里this已經改變了目標,換成確定的obj就可以執行,親測,有問題請指出,共勉!?。?/div>
大大的問題。getComputedStyle()和currentStyle得到的都是計算后的最終樣式。放在這里作為運動過程中獲取變化的屬性值是不恰當的。不知道大家深入考慮過沒有。或者說實際敲過沒有。放在瀏覽器上運行一下就知道不可行了。因為封裝的運動函數獲取的屬性不確定,所以不能使用快捷位置獲取初始樣式,那就需要手動輸入,而不是用getComputedStyle()和currentStyle去獲取,可以把這個初始值作為參數傳進去。
在css中使用transition屬性就可以不需要使用定時器了,直接寫一個判斷即可
老師回答的很具體,全面,不錯。
課程須知
1.您至少已經具備JavaSript的知識。2.您已經具備一些開發經驗。
老師告訴你能學到什么?
1.使用定時器實現簡單動畫。2.如何一步步封裝庫。2.培養編程的思想。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消