您好,欢迎光临本网站![请登录][注册会员]  
文件名称: 用JS实现图片轮播效果代码(一)
  所属分类: 其它
  开发工具:
  文件大小: 188kb
  下载次数: 0
  上传时间: 2020-12-28
  提 供 者: weixin_********
 详细说明:一.实现原理 (1)将所有图片放在一个父容器div里面,通过display属性来设置图片的出现与隐藏; (2)轮播图分为手动轮播和自动轮播; 手动轮播的重点是每次点击图片下方的小圆圈,获得它的索引号,并让与之对应索引号的图片显示,并且此时的小圆圈为高亮显示; 自动轮播:利用定时器setInterval(),来每隔一定的时间来播放一次图片。 (3)所有的基础知识:dom操作,定时器,事件运用。 二.轮播图页面布局: