Html笔记——实现一组图片循环且首尾相连的滚动效果

设计思想:在一个Div内存放两个相同内容(使用一行多列表格)作为一个滚动对象,并将超出的宽度的内容隐藏,在JS脚本中定义Div向移动的方法(水平坐标加1)。当第一个内容完全消失(即Div向左移动的距离达到该Div的宽度,此时第二个内容完全显示)时,将滚动条的坐标复位,开始新的一轮。

代码如下:



	
	一组图片循环且首尾相连的滚动效果
	


页面浏览效果图:

 

Html笔记——实现一组图片循环且首尾相连的滚动效果_第1张图片

你可能感兴趣的:(【前端】)