js图片轮播效果实现代码

时间:2023-12-13 07:12:53
【文件属性】:

文件名称:js图片轮播效果实现代码

文件大小:137KB

文件格式:PDF

更新时间:2023-12-13 07:12:53

js js代码 list

首先给大家看一看js图片轮播效果,如下图 具体思路: 一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index 二、添加定时器,每隔2秒钟index递增一次、调用一次切换图片函数 提示: 1、 index不能一直无限制的递增下去,需做判断 2、调用切换图片函数时需将递增之后的index作为参数传过去 三、定义图片切换函数 提示:   1.遍历所有放数字索引的li,将每个li上的类去掉。   2.根据传递过来的index值找到对应的li给它添加类设为当前高亮显示。   3. 根据传递过来的index值计算放图片的ul的top值  


网友评论