首页 > 代码库 > 面向对象选项卡组件
面向对象选项卡组件
离校实习前端工作一个月,第一次用面向对象写的点击切换选项卡组件,点击左右按钮分别切换不同的选项
基于JQ的一个组件
//创建构造函数
function ShowNews(selector){
this.i=0;
this.num=$(selector).length;
}
//添加切换方法
ShowNews.prototype.show=function(selector,nextbtn,prevbtn){
var _this=this;
//下一张
$(nextbtn).click(function(){
_this.i++;
if(_this.i>=_this.num){
_this.i=0;
}
$(selector).eq(_this.i).show().siblings().hide();
});
//上一张
$(prevbtn).click(function(){
_this.i--;
if(_this.i==-1){
_this.i=_this.num-1;
}
$(selector).eq(_this.i).show().siblings().hide();
})
}
//调用方法
var industryNew=new ShowNews(selector);
industryNew.show(selector,nextbtn,prevbtn);
面向对象选项卡组件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。