簡(jiǎn)介:在網(wǎng)頁(yè)制作當(dāng)中,我們經(jīng)常會(huì)對(duì)圖片做一些處理,比如圖片的放大和縮小。本課程講解如何使用JavaScript技術(shù)實(shí)現(xiàn)圖片縮放效果,其中將用到setInterval()和clearInterval()兩個(gè)重要函數(shù)。課程中對(duì)實(shí)現(xiàn)效果進(jìn)行了展示,并詳盡分析其實(shí)現(xiàn)原理。
第1章 圖片縮放效果展示及原理分析
JavaScript實(shí)現(xiàn)圖片縮放效果的原理分析,并對(duì)實(shí)現(xiàn)該效果所應(yīng)用到的setInterval()和clearInterval()兩個(gè)函數(shù)進(jìn)行簡(jiǎn)單介紹。
第2章 利用HTML+CSS實(shí)現(xiàn)效果的頁(yè)面布局
案例的布局非常簡(jiǎn)單,只需一個(gè)圖片和兩個(gè)按鈕,利用HTML+CSS輕松實(shí)現(xiàn)。
第3章 用JavaScript實(shí)現(xiàn)圖片放縮效果
實(shí)現(xiàn)放大效果的關(guān)鍵步驟:1.onclick事件的添加。2.定時(shí)器setlnterval()函數(shù)的應(yīng)用。3.放大(縮?。┖瘮?shù)的編寫。
第4章 總結(jié)
對(duì)案例實(shí)現(xiàn)過程中script代碼的位置及高度值設(shè)置等疑問進(jìn)行解析。