主要为大家详细介绍了JS DOM实现鼠标滑动图片效果，只要将鼠标放上该商品的区域，原本折叠起来的商品便会自动展开，感兴趣的小伙伴们可以参考一下

经常，我们在浏览各种网页的时候，都会有各种动画效果展示，像下图所示的是很多网上商城常用的货品展示方式，同类的货品并排展现在窗口上，用户如果看中了哪一款商品想要查看详情的话，只要将鼠标放上该商品的区域，原本折叠起来的商品便会自动展开，详情便会展现在用户面前，而这一动画，就是利用了DOM+JS结合来实现的，今天的小练习就是要实现这个效果。 首先，先将页面基本的框架用html实现，将四张图封装在了一个名为“container”的div块中 &l