實戰案例6——商品圖片變大

這個原型設計邏輯如下： （1）最下一排是月餅選項，當鼠標移入哪一項，哪一項就會顯示紅色的外框。 （2）當鼠標選中哪一項的時候，上面的展示區就會顯示對應的圖片。 （3）當鼠標移入展示區圖片時，展示區有一個矩形的遮擋部分，該部分以鼠標爲中心並且隨着鼠標移動。 （4）當鼠標在展示區圖片上隨意移動時，右側放大區域會顯示遮擋區的圖片部分。 難點： （1）如何設計遮擋區，並且隨鼠標移動？ （2）放大區域如何設

>>阅读原文<<