課程
/前端開發(fā)
/JavaScript
/JS動畫效果
老師,為什么我的顯示不了動畫效果
2016-11-16
源自:JS動畫效果 2-1
正在回答
對了,太感謝啦
你代碼中兩個(gè)地方有錯(cuò)誤
在startMove函數(shù)中沒有獲取到id為did的div
在給oDiv.style.width賦值的時(shí)候要加上px,因?yàn)閛Div.style.width是有帶單位的
下面是我改過來的代碼
<script?type='text/JavaScript'> window.onload=function(){ var?oDiv=document.getElementById("did"); oDiv.onmouseover=function(){ startMove(400); } } var?timer=null; function?startMove(object){ var?oDiv=document.getElementById("did"); clearInterval(timer); timer=setInterval(function(){ var?speed=0; if(oDiv.offsetWidth>object){ speed=-10; } else{ speed=10; } if(oDiv.offsetWidth==object){ clearInterval(timer); } else{ oDiv.style.width=oDiv.offsetWidth+speed+'px'; } },30) } </script>
我鼠標(biāo)放上去,沒有任何變化
這是我寫的代碼:
<style>
*{
? margin:0;
? padding:0;
}
#did{
width:200px;
height:200px;
background:red;
top:0px;
</style>
<script type='text/JavaScript'>
window.onload=function(){
var oDiv=document.getElementById("did");
oDiv.onmouseover=function(){
startMove(400);
var timer=null;
function startMove(object){
clearInterval(timer);
timer=setInterval(function(){
var speed=0;
if(oDiv.offsetWidth>object){
speed=-10;
else{
speed=10;
if(oDiv.offsetWidth==object){
oDiv.style.width=oDiv.offsetWidth+speed;
},30)
</script>
問題能具體點(diǎn)嗎
舉報(bào)
通過本課程JS動畫的學(xué)習(xí),從簡單動畫開始,逐步深入各種動畫框架封裝
1 回答顯示不了動畫效果
4 回答動畫效果沒有顯示出來,求指錯(cuò)
2 回答js動畫改動怎么不出效果呢?
1 回答Js動畫效果案例
2 回答為什么調(diào)用js時(shí)候效果顯示不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-11-18
對了,太感謝啦
2016-11-17
你代碼中兩個(gè)地方有錯(cuò)誤
在startMove函數(shù)中沒有獲取到id為did的div
在給oDiv.style.width賦值的時(shí)候要加上px,因?yàn)閛Div.style.width是有帶單位的
下面是我改過來的代碼
2016-11-16
我鼠標(biāo)放上去,沒有任何變化
2016-11-16
這是我寫的代碼:
<style>
*{
? margin:0;
? padding:0;
}
#did{
width:200px;
height:200px;
background:red;
top:0px;
}
</style>
<script type='text/JavaScript'>
window.onload=function(){
var oDiv=document.getElementById("did");
oDiv.onmouseover=function(){
startMove(400);
}
}
var timer=null;
function startMove(object){
clearInterval(timer);
timer=setInterval(function(){
var speed=0;
if(oDiv.offsetWidth>object){
speed=-10;
}
else{
speed=10;
}
if(oDiv.offsetWidth==object){
clearInterval(timer);
}
else{
oDiv.style.width=oDiv.offsetWidth+speed;
}
},30)
}
</script>
2016-11-16
問題能具體點(diǎn)嗎