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

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

JS動畫效果

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

已采納回答 / 六月ovo
定時器不可以共用,你這里明顯多個對象動畫都共用一個定時器【timer】了,應該把定時器的地方都改成 obj.timer , 在運動函數里面,增加一個obj的參數。例如://這里是遍歷的代碼 for(var i=0,l=img.length;i<l;i++){????img[i].timer = null; ????img[i].onmouseover=function(){ ????????moveFn(img[i],50); ????} ????img[i].onmouseout=fun...

最贊回答 / 生菜不懶
可以將offsetLeft和style.left進行比較:offsetLeft: 獲取的是當前對象左側距離父對象左側的值(均不包含border);(返回的是一個值)style.left: 獲取或設置相對于具有定位屬性(position定義為relative)的父對象的左邊距;(返回的是一個值+'px')

已采納回答 / 強轉程序猿
老鐵,你onmouseover后面的function少兩個括號

最新回答 / 六月ovo
offseLeft獲取的是【當前對象】跟【具有定位屬性的上級父元素】最左邊的距離,不會獲取margin-left:????例如:<div style='position:relative'>????????????????????????<span style='position:absolute; top:20px; left:20px;'>我是當前對象</span>????????????????<div>????????在上面,span的父元素使用了相...

最新回答 / qq_總有刁民想害朕_25
執行函數時先清除定時器在執行定時器 ?避免函數重復執行

最新回答 / qq_那么問題來了_2
```js<!DOCTYPE html><html><head><meta charset="UTF-8"><title>任意屬性值2</title><style>body, ul, li {margin: 0;padding: 0;}ul,li {list-style: none;}ul li {width: 200px;height: 100px;background: yellow;margin-bottom: 20...

最新回答 / yclycl
function getStyle(obj,attr){?? ?if(obj.currentStyle){?? ??? ?return obj.currentStyle[attr];?? ??? ?}else{?? ??? ?return getComputedStyle(obj,false)[attr];?? ??? ??? ?}?? ?}?? ?function move(obj,json,fn){clearInterval(obj.timer);obj.timer=setInterval(funct...

最贊回答 / 慕粉4382624
外部嵌入取的是offserWidth的值? 而offserWidth的值是包括padding和border的? 不僅僅是div本身的width。內部嵌入時候通過getStyle那個函數取的行內樣式? 取的是DIv本身的寬 不加padding和border

已采納回答 / 10點
<...code...>把timer.setInterval(function()里的.改成=,timer=setInterval(function()

最新回答 / 我在草里非常隱蔽
如果var timer=null設為局部變量放在函數里面,函數每次執行時timer值都會變為null。

最新回答 / 慕粉4382624
定義for循環里面的alpha透明度屬性應該只是為了后面的clearInterval(obj.timer);可以關閉

已采納回答 / 慕粉4382624
搞了半天??? 我還在納悶怎么不行。var speed = (iTarget - oBox.offsetLeft)/30;speed = speed>0?Math.ceil(speed):Math.floor(speed);這兩行? 要寫在setinterval這個函數里面

最新回答 / 一汀煙雨
顏色的設置不屬于動畫范疇了吧,可以通過改變透明度來展示顏色動畫效果。
課程須知
1.您至少已經具備JavaSript的知識。2.您已經具備一些開發經驗。
老師告訴你能學到什么?
1.使用定時器實現簡單動畫。2.如何一步步封裝庫。2.培養編程的思想。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消