在做前端开发时, 有时需要做一个轮播图, 使用 jQuery 时, 怎么快速做一个轮播图? 下面我们来看一下.
我们先在 html 里引入脚本文件, 除了 jQuery 文件外, 还需要一个轮播图的插件文件, 大家搜索下载 unslider 插件就行了.
HTML 里, 先用 ul,li 标签插入图片
然后在图片下方添加二个按钮, 用来控制左右控制图片的.
然后添加一些样式, 主要控制轮播器的样式的.
在 JS 里, 我们先添加一个 jQuery 的 ready 方法, 就是页面加载完成后调用的.
在 ready 方法里, 调用轮播控件的 unslider 方法来初始化轮播功能, 代码如图.
运行页面后, 我们就可以得到一个漂亮的轮播图了.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17555.html