html自动自适应轮播图片,JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)...

JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)

2019-01-07

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

1、本文使用js+jQuery实现轮播图，需要引用jquery包，另种实现分别是animate实现自适应的轮播，以及transform平滑轮播(在注释代码中)。

2、代码中的图片大家自己更换就可以了，样式和逻辑均写在js里。

3、html标签代码，js代码

//轮播图片图片">

图片">

图片">

图片">

//给ul设置宽度

$(".slides").css({

"position": "relative","wi