准备挑10个左右比较常用的插件做一次学习。这一次就挑nivoslider作为开场白把。
nivoslider
官方网站:http://nivo.dev7studios.com/
主要作用:图片的滑动,切换
引用:jquery.nivo.slider.pack.js(v2.6,16kb),nivo-slider.css(2kb)
使用方法:
1.演示代码
2.创建一个id为slider的div来存放一些图片,注意div中不能加额外的一些tag元素,否则会破坏整体效果,然后定位slider的方向
3.如果为某个图片加标题caption,加上alt指向caption所在的div,注意caption所在的div设class为nivo-html-caption
4.如果需要额外增加一些theme,在外层加div,并将div的class定义为themecss中的class。