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

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

用JavaScript實現圖片緩慢縮放效果

難度初級
時長30分
學習人數
綜合評分9.67
88人評價 查看評價
9.7 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
$(function(){
$("#max").click(function(){$("#max").animate({transform:"scale(2)"})})

})
激動人心的時刻 哈哈哈哈哈 老師好可愛啊啊啊啊
老師說的很詳細， 很好?。。?/div>
沒寫parseInt 結果代碼運行結果就不對。哎！

最新回答 / P妞醬醬
img.width的確在變化，但是maxWidth在最初賦值之后就是一個固定的數值了，它只會在最初的時候計算并保存到maxWidth變量中，之后maxWidth就是一個固定的數值，跟img.width就沒有關系了。
用transition做了同樣的效果 0 0
1.05是在20s增加原來的5%倍，如果超過了每次增加的寬度（1.3倍），就清除定時器

已采納回答 / 慕粉3914370
在縮放的時候同時根據當前的圖片尺寸重新設置圖片的位置
《CSS3圖片動態提示效果》里有介紹， 只不過鼠標移入顯示放大縮小是通過CSS3來實現的
激動人心的時刻，噎，不對！搞笑不！

最贊回答 / 慕粉3568301
因為在html文檔中，img標簽本身就有width屬性啊，所以就可以直接用，比如a標簽就沒有，所以就只能通過obj.style.width來獲取，你沒見過<a width="34">這種寫法吧

已采納回答 / 水墨畫3782128
<...圖片...>是因為這兩個結尾吧！好像
img.width = img.width*1.05; 老師錯了，此為每次自身比前一值遞增5%，第6次必定大于最原始圖的30%
唉，這老師終于講話語速快了一點了，之前那些都慢條斯理的，聽得都要碎叫了
首頁上一頁1234567下一頁尾頁
課程須知
1.掌握HTML+CSS相關的基礎知識 2. 熟悉 JavaScript基礎知識，尤其對鼠標點擊事件等知識精通
老師告訴你能學到什么？
1.掌握用JS方式實現圖片緩慢放縮效果 2.學習到setInterval()和clearInterval()兩個函數的用法

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消