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

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

JS動畫效果

vivian Web前端工程師
難度初級
時長 2小時 8分
學習人數
綜合評分9.60
537人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

已采納回答 / 從此浪跡天涯了無牽掛
你獲取對象名為oDiv?對象名加上.style意思是是獲取某個屬性,但這里的.style只能夠獲取行內對象,也就是在html里面寫的樣式。head里面的獲取不到。因為你寫了<div id="div1" style="width:200px;">所以oDiv.style.width一開始獲取到的是200pxoDiv.style.width一開始是等于200px的parseInt(oDiv.style.width)-1+'px'這部分呢,這里注意,oDiv.style.width。這里獲取的是一個...

已采納回答 / 從此浪跡天涯了無牽掛
父元素相對定位,子元素絕對定位,這時候,子元素就不再是相對于瀏覽器窗口了。而是相對于父元素窗口左上偏移

已采納回答 / 追風的少年丶
這個計時器會一直執行,只有clearInterval()才能結束周期執行,所以它是有時間間隔的多次循環,當alpha==iTarget的時候,會執行clearInterval(),這個循環也就結束了

已采納回答 / code16
<...code...>調整代碼縮進后,看到的第一個問題,getComputedStyle

已采納回答 / code16
<...code...>更改后的代碼,更改有兩點:<...code...>和<...code...>之前的形式無法正確調用函數!但是這樣的代碼跑了之后 就會發現,width會一直增長下去,原因在視頻里也提到了,是border的問題,你設置的是cc++,但是每次增長的是3px。改正的方法可以按照視頻里提到的,也可以把width的設置放在cc判斷的里面(效果是沒有前面的方法好,而且依舊是每次增加3px)。

已采納回答 / code16
把 ?var iCur=parseInt(getStyle(obj,attr)); ? 放在for循環里試試?你的attr是在for循環里定義的

已采納回答 / 慕妹5044199
你把startMove拿出來看看是怎么樣的。應該是把之前的定時器給清除了

已采納回答 / qq__2587
你的timer = setInterval里面的單詞 function 打錯了朋友 敲代碼的時候 注意?。。?/div>

已采納回答 / 丁吉瑞斯
同學,把你的代碼中document.getElementById中的id(小寫I)全部換成Id(大寫I)就ok了哦

已采納回答 / 二師弟
<...code...>speed的定義這段代碼要放到定時器內部函數里去

已采納回答 / igual
這個是針對ie對于透明度的處理。正確格式應該是: filter:alpha(opacite=30)。w3c是等于符號,不知道你這個冒號是否正確

已采納回答 / chengyoubin
那么如果width不是固定的,而是作為參數傳進來的,那在外面傳參數的時候,參數必須是以字符串的方式傳,比如 getStyle(oDiv,'width'),這樣傳到函數里的也是一個字符串,對應的里面如果用點或者[''],就是這樣:obj.currentStyle['width'] 或者 obj.style.'width'.這兩種寫法,顯然第二種是錯的,只能寫成第一種。所以如果樣式屬性如果是當作參數傳進來的,只能以['']的方式來接收。

已采納回答 / 靖_pacify
? ? ?var timer=null;? ??? ?function startMove(speed,itarget){? ??? ??? ?//? ??? ?function startMove(itarget){? ??? ??? ?clearInterval(timer);? ??? ??? ?var red=document.getElementById('red');? ??? ??? ?var timer=setInterval(function(){? ??? ??? ??? ?//單參數...
課程須知
1.您至少已經具備JavaSript的知識。2.您已經具備一些開發經驗。
老師告訴你能學到什么?
1.使用定時器實現簡單動畫。2.如何一步步封裝庫。2.培養編程的思想。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消