|
我们经常会在浏览网站的时候看到轮播图组件,轮播图组件主要用来展示多个主题、产品、美图之类的,是个很常用的组件。比如淘宝:) W# T/ M! e( V2 F
" Y* [/ {2 q2 o* h$ o' q比如京东:5 p) j$ C2 U* r7 V" o
3 d0 d7 C! a5 a0 {0 a; Z# j# J
任务:实现一个简易版的自动轮播图效果,图片循环播放images中的4张图片。0 u: m; ? [* r, t% l
考核点:
$ i3 s- G9 t& t1 v" i1.js获取DOM元素
) W: z: Q# C( c: L+ b+ S7 P2.setInterval定时器的使用7 C- v. M' U9 j+ e$ v5 }
本题素材为以下4张图片,分别为1.jpg, 2,jpg, 3,jpg, 4.jpg! ?$ D* P5 h6 U9 w e, w
9 P* t( f2 n+ d! H
% l7 \# I7 D0 Y4 J
: B. O: ?( G% Z7 P: |1 b" }4 s5 p. N+ J# D
0 a* A5 m( h2 j* u
- }9 _7 r* ~" H; z- c6 F, s |
|