个性轮播

JavaScript实现个性轮播

开发工具与关键技术：DW
作者：熊琪
撰写时间：2019.02.06

我们要实现一个精彩的轮播首先需要一个固定放图片的盒子，然后需要一个能够装得下所有图片的盒子代码如图：
（图一固定框代码）
装图片的大框中我放了八张图片，而要实现图片的重复轮播所以要盒子宽度为十张图片的宽度，并且第一张图片为轮播的最后一张图片，最后一张图片为轮播的第一张图片，在这个基础上第一张图片要在固定框的左边。如图可知：

实现轮播在这里最重要的就是js的书写其主要部分代码如图：

这里总时间为300毫秒，间隔时间为10，所以运行的次数是300/10=30，即每次的运行长度是总长度offset/运行次数。
go函数
speed<0&&parseInt(list.style.left)>newleft 图片向左移动 传递过来的值是负数 speed<0
list.style.left的值逐渐减小，所以只要是list.style.left大于newleft的值，那么就应该要调用go方法
speed>0&&parseInt(list.style.left)<newleft图片向右移动 传递过来的值是整数 speed>0 list.style.left的值逐渐增大，所以只要是list.style.left小于newleft的值 那么就应该要调用go方法。
实现的大概效果图：
（——— 初学者）