怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
怎么使用jquery做图片轮播
来源：互联网
2023-03-17 00:47:03 版权归原作者所有，如有侵权，请联系我们
在做网页开发时，我们经常会使用到图片轮播的功能，下面我们就来看一下使用jquery如何做一个图片轮播。
方法/步骤
Jquery有很多功能强大的插件，图片轮播的插件当然也是有的，百度搜索‘lightslider’，然后下载插件代码回来。
然后实现图片轮播。当然我们需要先引入jquery的脚本文件。
然后引入lightslider的脚本文件，对应的样式文件也是需要的。
html部分就很简单了，一个ul，li的标签就行了，要注意的是li标签里有一个data-thumb的属性，属性值就是图片的路径。
在js脚本里，通过传入ul标签的id，调用lightSlider方法，来初始化一个实例。里面的参数可以参考文档。
运行页面，我们就可以看到一个漂亮的图片轮播插件了。
除了会自动播放后，我们点击下方的一张图片，大图里也会相应显示这张图片的。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY