html图片左右无缝循环滚动示例

首先,最外层的宽高要给个固定值,然后给个overflow: hidden;,放不下的图片隐藏。
原理:(以左方向为例)先向左移动一个图片的宽度,此时第一个图片已经看不见了,这个时候将第一个标签元素克隆后追加到末尾,然后将第一个元素移除。达到循环滚动的效果。右移也是同理。下面是代码实现和demo




	
		
		
		

		
		

	

	

	

		

demo

你可能感兴趣的:(html图片左右无缝循环滚动示例)