【JavaScript编程知识】原生JS运动实现轮播图.docxVIP

  • 1
  • 0
  • 约6.25千字
  • 约 13页
  • 2021-11-24 发布于湖北
  • 举报

【JavaScript编程知识】原生JS运动实现轮播图.docx

PAGE PAGE 1 原生JS运动实现轮播图   原生JS运动实现轮播图   **基本原理:**通过控制包含n张图片的ul的left值来实现图片自动运动的效果,其中列表中li元素的个数为n,第一个li和最后一个li里存放的图片应为同一张图片,当图片运动到最后一张时,将ul的left值设为0,即可达到图片无线轮播的效果。   运动函数的实现   函数需传入元素(即需要参与运动的元素)、目标值(以对象的形式呈现,如{left: 300})、callback(回调函数)。   //多物体多值运动+回调机制   function startMove(dom, attrObj, ca

文档评论(0)

1亿VIP精品文档

相关文档