分页显示代码js预案.doc

一个封装了的选项卡效果js !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title井底的蛙/titlescript type=text/javascript/* 选项卡封装 by 井底的蛙 2008-2-4*/opCard = function(){ this.bind = new Array(); this.index = 0; //默认显示哪个选项卡，从0开始  this.style = new Array(); //[,,] this.overStyle = false; //选项是否有over, out变换样式事件，样式为this.style[2] this.overChange = false; //内容是否用over, out直接激活 this.menu = false; //菜单类型 this.nesting = [false,false,,]; //是否嵌套，后面2个参数是指定menu,info的子集深度所用id  this.auto = [false, 1000]; //自动滚动[true,2000] this.timerID = null; //自动播放的 this.menutimerID = null; //菜单延时的  this.creat = function(func) { var _arrMenu = document.getElementById(this.bind[0]).getElementsByTagName(this.bind[1]); var _arrInfo = document.getElementById(this.bind[2]).getElementsByTagName(this.bind[3]); var my = this, i; var argLen = arguments.length; var arrM = new Array();  if(this.nesting[0] || this.nesting[1]) // 有选项卡嵌套 { // 过滤出需要的数据 var arrMenu = this.nesting[0]?getChilds(_arrMenu,this.bind[0],2):_arrMenu; var arrInfo = this.nesting[1]?getChilds(_arrInfo,this.bind[2],3):_arrInfo; } else { var arrMenu = _arrMenu; var arrInfo = _arrInfo; }  var l = arrMenu.length; if(l!=arrInfo.length){alert(菜单和内容必须拥有相同的数量\n如果需要，你可以放一个空的在那占位。)}  // 修正 if(this.menu){this.auto=false;this.overChange=true;} //如果是菜单，则没有自动运行，有over, out直接激活  // 循环添加各个事件等 for(i=0;il;i++) { arrMenu[i].cName = arrMenu[i].className; arrMenu[i].className = (i!=this.index || this.menu)?getClass(arrMenu[i],this.style[0]):getClass(arrMenu[i],this.style[1]); //加载样式，菜单的话统一样式