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

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

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

難度初級
時長30分
學習人數
綜合評分9.67
88人評價 查看評價
9.7 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
  • setInterval函數: 每隔一段時間執行一次規定的函數,一直循環下去,時間以毫秒為單位; 例如: var timer=setInterval(function(){alert(1);},1000); setInterva函數是循環無休止的執行:1、循環性;2、無休止性; 故,需要停止時應使用clearInterval(timer)函數: 清除時間函數,終止時間函數繼續執行。
    查看全部
  • clearInterval函數
    查看全部
  • setInterval函數
    查看全部
  • 幾句話的事情長篇大論 代碼有待優化 書寫不是很規范 非菜鳥直接跳過
    查看全部
  • 向右滑動,注意各表達式位置 parseInt()的用法:parseInt() 函數可解析一個字符串,并返回一個整數; 舉例: parseInt()函數:把參數的值轉換為整數; div.style.top:id是div的元素的top值,是一個字符串,像這樣“10px” 經過parseInt()函數轉換后就是數字10;
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-03-12

  • 注意大小寫問題
    查看全部
    0 采集 收起 來源:編程練習

    2015-03-12

  • setInterval函數: 每隔一段時間執行一次規定的函數,一直循環下去,時間以毫秒為單位; 例如: var timer=setInterval(function(){alert(1);},1000); setInterva函數是循環無休止的執行:1、循環性;2、無休止性; 故,需要停止時應使用clearInterval(timer)函數: 清除時間函數,終止時間函數繼續執行。
    查看全部
  • 頁面加載完成(onload)執行放大函數 獲取放大按鈕 var maxBtn= document.getElementById("max") 放大按鈕點擊時 .onclick(function(){ 點擊激活放大函數,繼續定義 maxfunction(){ 設置定時器 var=maxTimer = setInterval(function(){},時間段)//每20ms放大1.05倍 定時器的函數中 獲取圖片 (可以放在函數外作為全局變量) ,每次放大將圖片寬/長高變為原來的1.05倍 停止器停止增大 設置最大寬高。用 if限定
    查看全部
  • parseInt()的用法:parseInt() 函數可解析一個字符串,并返回一個整數; 舉例: parseInt()函數:把參數的值轉換為整數; div.style.top:id是div的元素的top值,是一個字符串,像這樣“10px” 經過parseInt()函數轉換后就是數字10;
    查看全部
    2 采集 收起 來源:編程挑戰

    2015-04-05

  • 把javascript 放在body的下方并同時使用window.onload=function(){}: 1、放在body下方確實可以讓瀏覽器在html加載后再執行,但網頁中圖片等資源是可能慢于html框架加載; 2、javascript在執行時需要獲得準確的網頁初始信息,故選以上題目中寫法;
    查看全部
    0 采集 收起 來源:總結

    2015-02-22

  • var endHeight=img.height*1.3; var maxTimer=setInterval(function(){ if(img.Height<endHeight) img.width=img.width*1.05;//圖片寬度增加5% img.height=img.height*1.05//圖片高度增加5% },20) else{ clearInterval(maxTimer); } 注意結束setInterval函數的方式;
    查看全部
  • setInterva函數是循環無休止的執行:1、循環性;2、無休止性; 故,需要停止時應使用clearInterval(timer)函數: 清除時間函數,終止時間函數繼續執行。
    查看全部
  • setInterval函數: 每隔一段時間執行一次規定的函數,一直循環下去,時間以毫秒為單位; 例如: var timer=setInterval(function(){alert(1);},1000);
    查看全部
  • 編程挑戰 恭喜你已經把《使用JavaScript實現圖片縮放效果》課程學習完成了,接下來一試身手吧! 實現圖片向右滑動效果:
    查看全部
    1 采集 收起 來源:編程挑戰

    2015-02-22

  • js代碼寫在全文的下面,并且放在window.onload里面來執行。 原因:雖然把js寫在全文的下面保證了頁面加載完html代碼后再加載js,然而img圖像資源加載過慢,js放在window.onload里面來執行,更能完全保證在圖片完整加載到頁面中后,再執行js代碼。
    查看全部
    0 采集 收起 來源:總結

    2015-02-26

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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