基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 1 元　

支付宝支付

微信支付

   源码介绍

---

基于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);
}
}