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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

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

難度初級(jí)
時(shí)長(zhǎng)30分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.67
88人評(píng)價(jià) 查看評(píng)價(jià)
9.7 內(nèi)容實(shí)用
9.7 簡(jiǎn)潔易懂
9.6 邏輯清晰
我發(fā)現(xiàn)靈異事件，當(dāng)我寫到縮小的時(shí)候圖片就不斷抖動(dòng)?。?！
<div style="width:400px;margin: auto">
<img src="http://img1.sycdn.imooc.com//53577ee900016c2102080260.jpg" id="myImage" style="display: block" />
<input type="button" id="max" value="放大" style="margin-right: 10px" />
<input type="button" id="min" value="縮小" />
老師講的很細(xì)，我的效果也是出來(lái)了，再代碼里，縮小的話也可以用除法“/”也可以的。
老師用的是img.width,
我們可以用img.style.width來(lái)做，并且要把img.style.width轉(zhuǎn)換為數(shù)值才能進(jìn)行數(shù)字操作。
轉(zhuǎn)換方法一：
img.style.width=img.offsetWidth*1.05+"px"; //增加寬度
轉(zhuǎn)換方法二：
img.style.width=parseInt(img.style.width)*1.05+"px"; //增加寬度
慕課視頻前面那個(gè)聲音，好刺耳啊。。。。
看了評(píng)論真受不了那些自以為很6的人，你們技術(shù)好還來(lái)看這些干嘛？裝逼也要有節(jié)制。了不起？
每次變成1.05倍，增加6次并不是你講的1.3倍好吧。因?yàn)?.05都是變成前一次的1.05倍，img.width值每次執(zhí)行都會(huì)更新，也就是1.05^6算出來(lái)是1.34......
最后的最后少了一個(gè)花括號(hào)“}”，不然運(yùn)行不出來(lái)，這就是坑，沒有坑也要挖坑。
進(jìn)來(lái)瞧瞧，setInterval()
老師實(shí)現(xiàn)的效果是基于XHTML的，如果在HTML5中，img.width 和 img.height 只能讀?。ㄖ禐閿?shù)字類型），不能寫入，縮放是實(shí)現(xiàn)不了的。大家可以用 img.style.width、img.style.cssText、img.style.getPropertyValue(Name)、img.style.setPropertyValue(Name)試試，不過(guò)這些屬性方法讀取的值和寫入的值都是“字符串類型”，帶有“...px”單位的。我接下來(lái)是把他們都轉(zhuǎn)換成了數(shù)字類型，我感覺挺麻煩的。有沒有大神，有其他的方法？
這種頁(yè)面布局寫的連我個(gè)菜鳥都知道很不規(guī)范，竟然用<br />來(lái)?yè)Q行....
是的 雖然現(xiàn)在做放大縮小都用CSS3了，，， 但是本還是不能忘
不知不覺，又是一年高考過(guò)去，如果之前美工兼任前端css布局也算的話，從事這一行也一年多了。大學(xué)畢業(yè)好幾年了，渾渾噩噩，面試碰壁無(wú)數(shù)，當(dāng)真屌絲一枚?；蛟S是有些浮躁，也或許以前浪費(fèi)時(shí)間太多，現(xiàn)在每天努力學(xué)習(xí)javascript知識(shí)是必須的，你的明天會(huì)更好。加油！！
我照著寫了一遍但是沒有用，加了縮小就沒有用了
如果你給img設(shè)置寬高那就不能用img.widht了，需要寫成parseInt(getComputedStyle(img).width)，才能獲得img的寬度和高度
首頁(yè)上一頁(yè)1234567下一頁(yè)尾頁(yè)
課程須知
1.掌握HTML+CSS相關(guān)的基礎(chǔ)知識(shí) 2. 熟悉 JavaScript基礎(chǔ)知識(shí)，尤其對(duì)鼠標(biāo)點(diǎn)擊事件等知識(shí)精通
老師告訴你能學(xué)到什么？
1.掌握用JS方式實(shí)現(xiàn)圖片緩慢放縮效果 2.學(xué)習(xí)到setInterval()和clearInterval()兩個(gè)函數(shù)的用法

微信掃碼，參與3人拼團(tuán)

微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)
友情提示：

您好，此課程屬于遷移課程，您已購(gòu)買該課程，無(wú)需重復(fù)購(gòu)買，感謝您對(duì)慕課網(wǎng)的支持！

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足，無(wú)法發(fā)表

為什么扣積分？

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分？

舉報(bào)

0/150
提交
取消