目标效果:
1:图片自动的滚动图片,依次显示。
2:鼠标悬停图片上能暂停滚动,离开继续滚动。
原理:绝对定位了的元素可以运动(不占用标准流)。利用setInterval()定时器,让整个运动区域每一段时间调用函数,往左(或右,上,下)移动一段距离,让图片动起来。
注意:运动区域一定要比显示区域大。好比:排队的人群,一个个的在窗口照相,依次显示;
记得要隐藏溢出的区域。
目标效果:
1:图片自动的滚动图片,依次显示。
2:鼠标悬停图片上能暂停滚动,离开继续滚动。
原理:绝对定位了的元素可以运动(不占用标准流)。利用setInterval()定时器,让整个运动区域每一段时间调用函数,往左(或右,上,下)移动一段距离,让图片动起来。
注意:运动区域一定要比显示区域大。好比:排队的人群,一个个的在窗口照相,依次显示;
记得要隐藏溢出的区域。