1. 程式人生 > >52.原型1 圖片放大效果(動態面板的嵌套使用)

52.原型1 圖片放大效果(動態面板的嵌套使用)

width 同時 重復 添加 再次 包含 移動 背景圖片 alt

技術分享圖片首先給動態面板添加一個背景圖片

技術分享圖片導入之後只顯示一部分 要進行設置

技術分享圖片下方的“重復”設置 選擇拉伸以包含

技術分享圖片設置好大小以及位置

技術分享圖片然後給面板設置鼠標移入時的動作 放大面板 懂哈ushi線性

技術分享圖片同時設置移出時還原原本尺寸

但是完成之後的效果是以左上角的頂點為中心放大 那我們想以圖片的中心為中心點進行放大怎麽做?需要用到動態面板嵌套

技術分享圖片技術分享圖片首先將面板右鍵單擊再次轉化為動態面板 右下角就會顯示兩層面板

技術分享圖片分別給兩個面板取名為“wai” 與 “nei”

技術分享圖片然後把事件都刪掉

技術分享圖片然後給外面的面板設置鼠標移入時改變裏面面板的尺寸

技術分享圖片再加上一個移動外面面板的動作 同時設置鼠標移出時候的動作

52.原型1 圖片放大效果(動態面板的嵌套使用)