如果您觉得这篇文章有用，欢迎点赞收藏或有什么建议请在评论区留言，我看到后会第一时间回复的，谢谢！

（分享时刻）

接上篇玩转网页倒计时

通过这篇文章，大家可以了解到： ① 怎么制作放大效果的案例 ② 怎样将鼠标置于方框的中心 ③ 计算元素移动过程中的相对位置以及两个移动元素之间的数学关系

无人能阻挡我shopping的热情，尤其是在期盼已久的新品上架时，定要瞅个仔仔细细。可图片太小看不清怎么办？先别急，商家平台早已为此做出了商品放大展示效果！！！

先展示一下淘宝网页某5G手机放大展示效果。为了更好的体验，大家可以移步到该链接某5G手机放大展示效果 然后我就对该放大展示效果进行了模仿，下面是我的效果图：

由于代码量较多，为了大家阅读的方便，我将css 以及js 分开书写，然后引入html中（代码里做了非常详细的注释）。