完成图片轮动功能: 页面上有一个图片框(显示图片1),当鼠标移进图片框时,图片框上的图片在图片2~4之间每隔1秒切换一次。当鼠标移出图片框,停止切换,图片框上显示图片1 。
lz,这个是您想要的效果吗?
我的思路是这样的:
然后分别给红色的框添加事件,判断鼠标移入移出。移入的话就设置一个定时器,每隔一秒移动一次,移动的话我是用css的translateX。移出的话,我就清除掉计时器,然后再将黑色框的translateX设为0