仿京东商品放大效果

效果展示：当用户在左侧商品栏移动鼠标时，右侧随之出现产品的放大图，并跟随左侧鼠标移动且放大产品

京东效果

第一步 搭建html结构

主盒子box里面包含左侧img1商品图片、yellow遮罩层，右侧div及右侧img2商品放大图片。

 

仿京东手机放大效果

   

       

       

       

           

       

   

                                           

---

第二步 布局CSS样式

主盒子box相对定位，里面的盒子全部绝对定位，黄色遮罩层加opacity显示半透明效果