最近客户要做一个首页形象展示功能,要求用JS代码开发,有6个格子,2行排列,每个格子在鼠标没有滑过时候都是空白,当鼠标滑过任意一个格子,格子里面就开始淡入淡出显示五张图片,鼠标任意时间离开格子内,格子中图片如果显示了,就执行淡出方法。我自己写了下,每个格子调用一个方法貌似要干扰,只能一个个的执行滑过,离开事件,我想了下把每个格子的方法做成自定义类来实现,但是还是没对我做出来的效果地址:
http://www.cdshibo.com/70c/Index_Test.html
开始鼠标滑过每个格子还可以实现,但是速度快些,就会出现有的格子不执行mouseout方法。
仔细检查了代码,不知道为什么?