轮播

2017-08-17  本文已影响0人  leocz

1.轮播的原理,抽象出函数

轮播利用轮播容器定大小和图品大小相同,图片排成一列(上下)或者一排(左右),超出容器部分不可见,图片条每次运动图片宽度(或高度)的距离,这样没运动一次就会换一张图片,形成轮播的效果。

除了运动轮播,还有淡入淡出的轮播。这种不依靠运动,所有图片叠加在一起。轮播时,显示的图片透明度 opacity 为 1,其他图片透明度为0,显示隐藏。

一般抽象出的函数有

autoPlay() 自动播放
prePic()  前一张
nextPic() 下一张

2.左右滚动无缝轮播

效果→左右轮播

3.渐变轮播

效果→渐变轮播

上一篇下一篇

猜你喜欢

热点阅读