基於jquery的組件庫
github地址：https://github.com/pomelott/jquery-plug-in
組件庫（componentGallery）
使用方法
1.引入css文件（建議復制粘貼至項目css文件中）
2.引入pomelo.js文件（需要引入jquery）
3.創建相應的對象，並傳入參數。
導航滾動(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的組件庫