jquery模块滚动切换(jscrollpane)

基于jquery 写的模块滚动切换的插件
(function($){
$.fn.jscrollpane=function(options){//插件名称定义
var defaults={//构造函数，负责参数初始化
containerDiv:"containerDiv",
prevDiv:"prevDiv",
nextDiv:"nextDiv",
isShowAll:false,
liItemData:[]

};
var options=$.extend(defaults,options);//将初始化参数和用户自定义参数合并

var CreateJscrollpane=function($jsp){
if(!options.isShowAll){
$("<div/>").addClass(options.prevDiv).text("Prev").appendTo($jsp);
}
var divContainer=$("<div/>").addClass(options.containerDiv);
var ulContainer=$("<ul/>");
var itemData=options.liItemData;
if(itemData.length>0){

$(itemData).each(function(key,value){
$("<li/>").css("background-color",function(){var bgc="white"; if(value.status==1){bgc="red"}else if(value.status==2){bgc="green"}else if(value.status==3){bgc="blue"}else if(value.status==4){bgc="gray"} return bgc;}).text(value.title).appendTo(ulContainer);
});
ulContainer.appendTo(divContainer);
divContainer.appendTo($jsp);
}
if(!options.isShowAll){
$("<div/>").addClass(options.nextDiv).text("Next").appendTo($jsp);
}
}