下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家,也给大家做个参考。
<!DOCTYPE HTML PUBliC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML> <head> <Title>tabTemplate.HTML</Title> </head> <style> .step{wIDth:100%; height:30px; background-color:#DBEEFF;} li{float:left;Font-size:12px;Font-weight:bold;List-style-type:none} #step_nav li a{ color:#246FB3;text-decoration:none; display:block;wIDth:120px;height:30px; text-align:center;line-height:200%;padding:0 30px 0 0 ; background:url(images/step_bg2.gif) right top no-repeat; cursor: default;} #step_nav li a.current{ background:url(images/step_bg.gif) right top no-repeat; color:#ff810c;} #step_nav .bgcol{height:30px; background:url(images/step_bg3.gif) #A4D4FF right top no-repeat; } </style> <body> <div > <div > <ul ID="step_nav"></ul> </div> <div ></div> </div> <SCRIPT type="text/JavaScript" src="common/JavaScripts/jquery/jquery.Js"></SCRIPT> <SCRIPT type=text/JavaScript>jquery.noConflict();</SCRIPT> <SCRIPT type="text/JavaScript" src="stepTemplate.Js"></SCRIPT> <script> /** * var steps = new Array(); steps[0]={ stepnum:'1',stepID:'first',stepname:'家庭基本信息',stepsrc:'firstHTML.HTML' } */ jquery(function(){ var step_nav = jquery('#step_nav'); var content = jquery('.content'); for(var i=0;i<steps.length;i++){ var targetstep = steps[i]; if(typeof(targetstep) != "undefined"){ //标签部分 var tabOutter = jquery("<li></li>"); var tabInner = null; if(i==0){ tabInner = jquery("<a ID='step"+targetstep.stepnum+"' " + "class='"+targetstep.stepID+"_Title current' name='step'" + " href='#'>"+targetstep.stepnum+"."+targetstep.stepname+"</a>"); var tabContent = "<div>" + "<iframe name='content_frame' marginwIDth=0 marginheight=0 wIDth=100% " + "height=100% src='"+targetstep.stepsrc+"?stepbefore=1&stepnext=2' " + "frameborder=0></iframe>"+ "</div>"; content.HTML(tabContent); }else{ tabInner = jquery("<a ID='step"+targetstep.stepnum+"' " + "class='"+targetstep.stepID+"_Title' name='step' " + "href='#'>"+targetstep.stepnum+"."+targetstep.stepname+"</a>"); } step_nav.append(tabOutter.append(tabInner)); } }; }) //获得页面的页码 function getPageNum(href){ var str = href.substr(href.indexOf("?")+1); var arrtmp=str.split("&"); for(i=0;i < arrtmp.length;i++){ var temp = arrtmp[i].split("="); this[temp[0]]=temp[1]; } }; //下一步:<input type="button" onclick="window.parent.next(location.href);" value="下一步"/> function next(href){ var request=new getPageNum(href); var next=request["stepnext"]; changeStepNavStyle(next); }; //上一步:<input type="button" onclick="window.parent.next(location.href);" value="上一步"/> function before(href){ var request=new getPageNum(href); var before=request["stepbefore"]; changeStepNavStyle(before); }; function changeStepNavStyle(stepNum){ jquery("a[name='step']").each(function(){ jquery(this).removeClass("current").removeClass("bgcol"); }); for(var j=0;j<stepNum;j++ ){ var obj = document.getElementByID("step"+j); jquery(obj).addClass("bgcol"); } var obj = document.getElementByID("step"+stepNum); jquery(obj).addClass("current"); jquery('.content').children().children().attr("src",changeContentUrl(steps[stepNum-1])); } //获取下一页的地址 function changeContentUrl(targetstep){ var stepbefore = 1; var stepnext = 1; if(targetstep.stepnum==1){ stepbefore = 1; stepnext = 2; }else if(targetstep.stepnum==steps[steps.length-1].stepnum){ stepbefore = targetstep.stepnum-1; stepnext = targetstep.stepnum ; }else{ stepbefore = targetstep.stepnum-1; stepnext = parseInt(targetstep.stepnum)+1; } return targetstep.stepsrc+"?stepbefore="+stepbefore+"&stepnext="+stepnext; } </script> </body></HTML>
以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的简单实现下一步,下一步全部内容,希望文章能够帮你解决简单实现下一步,下一步所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)