求一思路和实现方法

最近客户要做一个首页形象展示功能，要求用JS代码开发，有6个格子，2行排列，每个格子在鼠标没有滑过时候都是空白，当鼠标滑过任意一个格子，格子里面就开始淡入淡出显示五张图片，鼠标任意事件离开格子内，格子中图片不管是否显隐，都淡出。我自己写了下，每个格子调用一个方法貌似要干扰，之能一个个的执行滑过，离开事件，我想了下把每个格子的方法做成自定义类来实现，但是还是没对，请各位JS达人支支招吧！