该插件的英文详细介绍看这里:http://css-tricks.com/anythingslider-jquery-plugin/
使用介绍&参数说明
$(’.anythingSlider’).anythingSlider({
easing: “swing”, // Anything other than “linear” or “swing” requires the easing pluginautoPlay: true, // 是否自动播放
startStopped: false, // 如果选择自动播放,这个配置让插件开始时时停止的
delay: 3000, // 自动切换时间animationTime: 600, // 过渡效果持续时间
hashTags: true, // 是否让#标签来变化当前urlbuildNavigation: true, // 是否添加导航tab
pauseOnHover: true, // 是否在鼠标hover时暂停滚动startText: “Start”, // 开始按钮文字
stopText: “Stop”, // 结束按钮文字
navigationFormatter: null // 自定义的文字格式化函数名,详细使用可参照demo源码
});
自定义使用
- 添加删除滚动项:仅需添加或删除<div class=”wrapper”>内的<li>标签即可。
- 修改滚动框大小:如果你需要将滚动框的大小从660px改为580px,你需要修改css文件中.anythingSlider ul li 为580px,把.anythingSlider .wrapper 的宽度改为 580px,将.anythingSlider 的width减少100px 为660px。
- 直接连接至滚动框:
$(”#slide-jump”).click(function(){
$(’.anythingSlider’).anythingSlider(6);
});