3-3. 設計逐一放大顯示影像, 滑鼠滑入影像時說明區塊滑出顯示

(1) 運用animate設計自定動畫, 設計逐一放大顯示影像, 再設計互動顯示影像說明

 

可以運用範例2-3的相關檔案來練習這一節的範例

HTML:

CSS:

JS:

(1) 運用setTimeout函數設計影像逐一放大顯示
(2) 當影像放大後增加影像的說明訊息, 訊息顯示後即向下滑出
(3) 當滑鼠滑入影像時, 訊息即向上滑入顯示