第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

用JavaScript實現(xiàn)圖片緩慢縮放效果

Ben 產(chǎn)品經(jīng)理
難度初級
時長30分
學習人數(shù)
綜合評分9.67
88人評價 查看評價
9.7 內(nèi)容實用
9.7 簡潔易懂
9.6 邏輯清晰
每次點擊放大1.3倍,那1.05是干嘛用的?
---
每次指的是總共放大1.3,1.05時說沒20ms放大1.05倍 1.05*1.05*1.05……直到該值到達1.3,也就是說變化后的寬度/原始寬度=1.3 其實只用判斷寬就行了吧,等比縮放,只要高度別給個限定,默認都是寬高同步縮放
為什么不是用的setTimeout 呢
---
因為那個函數(shù)值會執(zhí)行一次你的函數(shù)
很好,思路很清晰,唯一的缺點,就是老師你可以讓他慢一點動,這樣就好了,讓學者知道緩慢動的感覺
講得真好,有意思
多次放大縮小后,參考值已經(jīng)不是原來的了,所以點擊放大和縮小后,確實回不到原來尺寸,原來500px,500*1.3=650;650*0.7=455;還是很感謝老師的分享
鍵盤俠別吹毛求疵了,講真:老師比較細心,會把每個步驟都講到,并告訴你為什么,考慮到了新手的感受,比那些炫技的講師,霹靂啪啦幾分鐘敲完的人,好太多。

最新回答 / 抬山
endWidth和endHeight設(shè)置小了,設(shè)置為*1.3
我一直在想我的代碼難道打錯字了?檢查了好幾次,發(fā)現(xiàn)原來老師還給我們留下一個小細節(jié),真是考驗我們的細心?。?/div>
謝謝老師細致的講解 收獲很多
回答樓上的問題 1.3倍是最終的寬高度大小 而1.05倍相當于運動的速度大小
window.onload = function(){
var max =document.getElementById("max")
var timer
max.onclick =function(){
maxFun()}
var img =document.getElementById("myImage")
function maxFun(){
timer = setTimeout(function(){img.width=img.width*1.05;
img.height=img.height*1.05},100)
}
}
$(function(){
$("#max").click(function(){$("#max").animate({transform:"scale(2)"})})

})
課程須知
1.掌握HTML+CSS相關(guān)的基礎(chǔ)知識 2. 熟悉 JavaScript基礎(chǔ)知識,尤其對鼠標點擊事件等知識精通
老師告訴你能學到什么?
1.掌握用JS方式實現(xiàn)圖片緩慢放縮效果 2.學習到setInterval()和clearInterval()兩個函數(shù)的用法

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消