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

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

JS動畫效果

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

已采納回答 / 丫丫小小笑
不會啊,json代表傳入的是一個json數據格式的數據,用json[attr]取數據的時候,會直接取值。startMove(li1,{width:400,height:200,opacity:100},function(){? ? ? ? ? ? alert("hele");? ? ? ? ? });比如你傳入的json數據是這樣的{width:400,height:200,opacity:100},那么json[attr]就會取到width和height的值。

已采納回答 / aladdinx
你好,其實只是一些小問題,<script type="text/avascript">是javascript,這個應該影響不大,aLi.time=null;aLi[i].timer=null;//應該是點的哪一個function startMove(obj,terget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var speed=(terget-obj.offsetWidth)/8; speed=s...

已采納回答 / YangZiHong
div標簽沒寫好,span應該在里面,css樣式定義好,注意var speed = (iTarget-oTotal.offsetLeft)/15;需要整除,因為后面if(oTotal.offsetLeft == iTarget)必須滿足條件才會清除定時器,動畫才會停下

已采納回答 / 呆4
整體沒問題,但里面的小錯誤太多了,這是給你修改后的代碼,自己去對照找一下錯誤吧。<!DOCTYPE html><html><head>?? ?<meta charset="UTF-8">?? ?<title>Document</title>?? ?<style>??? *{???? margin: 0px;???? padding: 0px;??? }??? #div1{???? width: 200px;???? hei...

已采納回答 / qq_安逸_4
會顯示,只是沒有背景時看不出來

已采納回答 / 呆4
你沒有清除樣式,也就是加上這段*{margin:0;padding:0;}。導致你div的left并不等于200這個整數,導致你后面odiv.style.left = odiv.offsetLeft+10+'px';時,至直接跳過了odiv.offsetLeft == 100這個數,從而使得你的程序停不下來,你可以先把if(odiv.offsetLeft == 100){? ? ? ?clearInterval(timer);? }修改為if(odiv.offsetLeft <= 100){? ? ...

已采納回答 / Joeh
hide.offsetLeft<0,hide.offsetLeft>-500

已采納回答 / lawrence_lai
使用setInterval 會返回一個數值來標記這個setInterval而且不是人為規定的數值,用timer來標記這個數值。用clearInterval來清除這個setInterval 不然setInterval會不斷以一個間隔來重復觸發里面的function,例如不斷賦給一個變量一個相同的值。消耗內存。最簡單的方面不清除定時器的疊加會讓setInterval不斷疊加,比如speed是每秒鐘1PX移動,你重復觸發5次就變成了每秒鐘5PX移動,而且無法停止。至于函數為什么沒有參數,你可以在回去復習一下JS...

已采納回答 / 井上軻史
js代碼中25行,要*100,然后42行要/100

已采納回答 / 北極熊的夢想
第4行,oDiv.onmouseover = startMove();因為你加了括號,在這里調用了startMove函數

已采納回答 / slowACtion
<script>上面有一個多余的<style>
課程須知
1.您至少已經具備JavaSript的知識。2.您已經具備一些開發經驗。
老師告訴你能學到什么?
1.使用定時器實現簡單動畫。2.如何一步步封裝庫。2.培養編程的思想。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消