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

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

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

Ben 產(chǎn)品經(jīng)理
難度初級
時長30分
學習人數(shù)
綜合評分9.67
88人評價 查看評價
9.7 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
我發(fā)現(xiàn)靈異事件，當我寫到縮小的時候圖片就不斷抖動！??！
<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="縮小" />
老師講的很細，我的效果也是出來了，再代碼里，縮小的話也可以用除法“/”也可以的。
老師用的是img.width,
我們可以用img.style.width來做，并且要把img.style.width轉換為數(shù)值才能進行數(shù)字操作。
轉換方法一：
img.style.width=img.offsetWidth*1.05+"px"; //增加寬度
轉換方法二：
img.style.width=parseInt(img.style.width)*1.05+"px"; //增加寬度
慕課視頻前面那個聲音，好刺耳啊。。。。
看了評論真受不了那些自以為很6的人，你們技術好還來看這些干嘛？裝逼也要有節(jié)制。了不起？
每次變成1.05倍，增加6次并不是你講的1.3倍好吧。因為1.05都是變成前一次的1.05倍，img.width值每次執(zhí)行都會更新，也就是1.05^6算出來是1.34......
最后的最后少了一個花括號“}”，不然運行不出來，這就是坑，沒有坑也要挖坑。
進來瞧瞧，setInterval()
老師實現(xiàn)的效果是基于XHTML的，如果在HTML5中，img.width 和 img.height 只能讀?。ㄖ禐閿?shù)字類型），不能寫入，縮放是實現(xiàn)不了的。大家可以用 img.style.width、img.style.cssText、img.style.getPropertyValue(Name)、img.style.setPropertyValue(Name)試試，不過這些屬性方法讀取的值和寫入的值都是“字符串類型”，帶有“...px”單位的。我接下來是把他們都轉換成了數(shù)字類型，我感覺挺麻煩的。有沒有大神，有其他的方法？
這種頁面布局寫的連我個菜鳥都知道很不規(guī)范，竟然用<br />來換行....
首頁上一頁1234567下一頁尾頁
課程須知
1.掌握HTML+CSS相關的基礎知識 2. 熟悉 JavaScript基礎知識，尤其對鼠標點擊事件等知識精通
老師告訴你能學到什么？
1.掌握用JS方式實現(xiàn)圖片緩慢放縮效果 2.學習到setInterval()和clearInterval()兩個函數(shù)的用法

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

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

為什么扣積分？

本次提問將花費2個積分

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

為什么扣積分？

舉報

0/150
提交
取消