基于jquery的组件库

标签：滑动   复制   wrap   文件中   callback   speed   像素   说明   box   

github地址：https://github.com/pomelott/jquery-plug-in

组件库（componentGallery）

使用方法

导航滚动(slideNav)参数说明

var test=new slideNav({ 

aBtn:".slideBtn", 触发器，传入类选择器

aTarget:".slideTarget", 滚动目标点，传入类选择器 

pos:0 目标点的位置浮动，可传入负值

})

万能选项卡(tab)参数说明

var test=new tab({ 

style:"fade", 效果,fade(淡入，默认效果)，slide(滑动)

tabBtn:".tab-nav", 选项卡按钮，参数为类选择器。

tabBox:".tab-box", 选项卡盒子，参数为类选择器。

choseCall:function(index){} 选中后的回调函数，index为当前选中的按钮的索引值。

})

多功能回到顶部(backTop)参数说明

速度可调控，带隐藏效果，返回过程中可回滚。

var test=new backTop({ 

btn:"backTop", 回到顶部按钮的ID（此处无#）

speed:4, 滚动速度1-10,值越小速度越大

showPos:200 返回顶部按钮出现的位置，200为在滚动条滚动200后出现回到顶部按钮。

})

滚动触发器(scrollTrigger)参数说明

var test=new scrollTrigger({ 

type:"show", 默认为“show”，“show”意为当能够在可视区看到指定位置的节点时触发，“scroll”意为浏览器滚动过指定结点时触发。

pos:"#scrollBox", 触发位置，传入ID选择器，在此意为滚动到看到#scrollBox结点后触发

delayDistance:0, 在触发位置的浮动距离，单位为像素，可传入负值

single:true, 是否为单次触发

passCallback:function(){}, 超过指定位置后的回调函数

backCallback:function(){} 回滚过指定位置后的回调函数

})

水平滚动banner(scrollBanner)参数说明

new scrollBanner({ 

vis:4, //中间区域可显示的 li 个数 

scroll:2, //每次滚过的li个数，若大于vis，则取 scroll%vis的余数

wrap:".scroll-main ul", //中间区域的包裹层选择器

item:".scroll-main ul li", //中间区域每个li的选择器

btnPre:".pre-scroll", //左滚按钮的选择器

btnNext:".next-scroll" //右滚按钮的选择器

});

基于jquery的组件库

标签：滑动   复制   wrap   文件中   callback   speed   像素   说明   box   

原文地址：http://www.cnblogs.com/pomelott/p/7499349.html