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

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

JS動畫效果

vivian Web前端工程師
難度初級
時長 2小時 8分
學習人數
綜合評分9.60
537人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
window.onload=function(){
var Oli=document.getElementsByTagName("li");
for (var i = 0; i < Oli.length; i++) {
Oli[i].timer=null;
Oli[i].onmouseover=function(){
startMove(this,400);
}
Oli[i].onmouseout=function(){
startMove(this,200);
}
}
}
<style type="text/css">
*{ margin: 0; padding: 0; list-style: none; }
ul li{ background: #7abcf2; width: 200px; height: 80px; margin: 15px; }
</style>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
這個功能用jq的fadeTo會簡單點吧,只要算下漸變的時間就好
zdiv.fadeTo(1000, 0.3)
寫的和老師一模一樣什么鬼,報錯了
老師有個地方寫錯了,為啥啊它的還有用啊,我的透明度有沒變
he老師寫的一模一樣我的報錯還沒效果,是視頻久了還是?好奇怪
<script>alert('this is script.');</script>
timer = setInterval(function(){
var speed=(target-odiv.offsetLeft)/20;
if(odiv.offsetLeft>=target){
clearInterval(timer);
}else{
odiv.style.left =odiv.offsetLeft + speed+"px"; //變大
}

},500)
function move(target){
clearInterval(timer);
odiv=document.getElementById("div1");

}
我的move可以移除怎么out縮不進去啊 window.onload=function(){
odiv=document.getElementById("div1");
odiv.onmouseover=function(){
move(0);
}
odiv.onmouseout=function(){
move(-200);
}
}
var timer=null;
wode 怎么縮不回去啊?是不是代碼有bug呢?可以拉出來,移出及沒用
不是最小就1.0倍嗎,o.5zenme調的?
vtimer=etinterval(function(target){var speed=0; if(div.offsetleft>target){seed=-10;}else{speed=10;}},30)
window.onload=function(){ var odiv=document.getelemtnbyid("div); odiv.onmouseover=function(){startMOve();}}odiv.stylevar timer=null; function startmove(){ cleatinterval(timer);timer=setinterval(function(){odiv.style.lft=odiv.offsetLeft+10+"px; if(div.offsetleft>=0{clearinterval (timer);}}),30}
沒有0.5倍速了
課程須知
1.您至少已經具備JavaSript的知識。2.您已經具備一些開發經驗。
老師告訴你能學到什么?
1.使用定時器實現簡單動畫。2.如何一步步封裝庫。2.培養編程的思想。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消