jqueryppt_号称最好的JQUERY幻灯片-NIVO SLIDER

插件描述：JQUERY幻灯片-NIVO SLIDER,jquery图片切换

使用步骤

1、引入以下的js和css文件

2、在head标签中加入以下js代码

$(window).load(function() {

$('#slider').nivoSlider();

});

3、在body标签中加入以下格式的html代码

           

This is an example of a HTML caption with a link.

参数配置参数名参数说明参数类型默认值

effect切换样式字符串‘random’

?slices针对slice样式的切换级数，数字越大切换越慢过渡越小数字15

boxCols针对box样式的切换列数，数字越大切换越慢过渡越小数字8

boxRows针对box样式的切换行数，数字越大切换越慢过渡越小数字4

animSpeed切换动画的速度数字500

pauseTime相邻两张幻灯片切换的间隔时间数字3000

?startSlide从第几张图片开始切换数字0

directionNav是否显示‘上一张/下一张’导航布尔值true

????controlNav是否显示数字导航布尔值true

controlNavThumbs是否用缩略图导航布尔值false

pauseOnHover当鼠标移到幻灯片上的时候是否暂停切换布尔值true

manualAdvance是否强制手动切换布尔值false

???prevText’上一张‘的文字字符串‘Prev’

nextText’下一张‘的文字字符串‘Next’

randomStart是否从一张随机的图片开始切换布尔值false

beforeChange在幻灯片切换之前的回调函数函数function(){}

afterChange在幻灯片切换之后的回调函数函数function(){}

slideshowEnd在所有幻灯片都切换完毕后的回调函数函数function(){}

lastSlide在最后一张幻灯片显示的回调函数函数function(){}

afterLoad??在幻灯片加载完成后的回调函数函数function(){}

切换效果sliceDown

sliceDownLeft

sliceUp

sliceUpLeft

sliceUpDown

sliceUpDownLeft

fold

fade

random

slideInRight

slideInLeft

boxRandom

boxRain

boxRainReverse

boxRainGrow

boxRainGrowReverse