前端进阶项目第一步——原生js手写轮播图

轮播图的原理:

一系列的大小相等的图片平铺,利用CSS布局只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。

HTML布局


	
<
>

CSS修饰

	

JS部分

效果展示

前端进阶项目第一步——原生js手写轮播图_第1张图片

你可能感兴趣的:(前端进阶项目第一步——原生js手写轮播图)