如何使用javascript实现程序的pagecontrol功能

在表格中写<a href=#XXX>XXX</a>
下面写<a name=XXX>XXX</a>

解决方案 »

  1.   

    <table>
    <tr>
    <td><a href="JavaScript:void Show('1')">连接1</a> <a href="JavaScript:void Show('2')">连接2</a> <a href="JavaScript:void Show('3')">连接3</a> </td>
    </tr>
    <tr id="tr1"><td>正文1正文1正文1正文1正文1正文1正文1正文1正文1</td></tr>
    <tr id="tr2" style="display:none"><td>正文2正文2正文2正文2正文2正文2正文2正文2正文2</td></tr>
    <tr id="tr3" style="display:none"><td>正文3正文3正文3正文3正文3正文3正文3正文3正文3</td></tr>
    </table>
    <script>
    function Show(str)
    {
        tr1.style.display="none";
        tr2.style.display="none";
        tr3.style.display="none";    document.all["tr"+str].style.display="block";
    }
    </script>
      

  2.   

    function Show(str)
    {
            //这里的转换好像有问题，请问数字到字符串如何转换  
    for (j=1;j<=i;j++){  
      document.all["tr"+j.toString].style.display="none";
    document.all["tr"+j.toString+"_1"].style.display="none";
    }
     
        document.all["tr"+str].style.display="block";
    document.all["tr"+str+"_1"].style.display="block";
    }
      

  3.   

    应用:
    <html xmlns:page>
    <head>
    <title></title>
    <style type="text/css">
        page\:tab {behavior:url(Tab.htc);} 
    </style>
    </head>
    <body bgcolor="ButtonFace">
    <page:tab style="width:300px; height:150px; background:ButtonFace; font:9pt; color:black; text-align:left;">
        <page:frame text="设定一">内容
        </page:frame>
        <page:frame text="设定二">内容
        </page:frame>
        <page:frame text="其它选项">内容
        </page:frame>
    </page:tab> 
    </body>
    </html>
      

  4.   

    Tab.htc
    <PUBLIC:COMPONENT>
    <PUBLIC:PROPERTY NAME="default" />
    <SCRIPT LANGUAGE="JScript">
    function open(mIndex)
    {
    if(event)
    {
    for(iIndex=0;iIndex<varArray.length;iIndex++)
    if(varArray[iIndex]==event.srcElement)
    {
    mIndex=iIndex;
    }
    }
    for(iIndex=0;iIndex<varArray.length;iIndex++)
    {
    if(iIndex==mIndex)
    {
    varArray[iIndex].style.zIndex=varArray.length*2+1; childNodes[iIndex+varArray.length].style.zIndex=varArray.length*2;
    varArray[iIndex].style.posTop=0; varArray[iIndex].style.posLeft=varArray[iIndex].left-2; varArray[iIndex].style.padding="5px";
    childNodes[iIndex+varArray.length].style.visibility="visible";
    　　　　　　　　}
    else
    {
    childNodes[iIndex+varArray.length].style.visibility="hidden";
    }
    if(iIndex<mIndex)
    {
    varArray[iIndex].style.zIndex=iIndex*2+1; childNodes[iIndex+varArray.length].style.zIndex=iIndex*2;
    }
    if(iIndex>mIndex)
    {
    varArray[iIndex].style.zIndex=iIndex*2-1; childNodes[iIndex+varArray.length].style.zIndex=iIndex*2-2;
    }
    if(iIndex<mIndex||iIndex>mIndex)
    {
    varArray[iIndex].style.posTop=2; varArray[iIndex].style.posLeft=varArray[iIndex].left;
    varArray[iIndex].style.padding="3px";
    }
    varArray[iIndex].style.paddingTop="2px";
    }
    }
    function nothing()
    {event.returnValue=false;}
    var Object,strValue,varRule,varArray=new Array(),iIndex,kIndex,varBgColor,nIndex;
    if(hasChildNodes())
    {
    if(!style.position||style.position=="static") style.position="relative";
    varBgColor=style.background;
    style.background="transparent";
    style.overflow="hidden";
    varRule=childNodes.item(0);
    for(iIndex=0;iIndex<childNodes.length;iIndex++)
    if(childNodes[iIndex].nodeName!="frame")
    removeChild(childNodes[iIndex]);
    for(iIndex=0;iIndex<childNodes.length;iIndex++)
    {
    varArray[iIndex]=document.createElement("span");
    varArray[iIndex].style.position="absolute";
    varArray[iIndex].style.posTop=2;
    varArray[iIndex].style.color="black";
    varArray[iIndex].innerText=childNodes[iIndex].text;
    varArray[iIndex].style.borderTop="1px solid white";
    varArray[iIndex].style.borderLeft="1px solid white";
    varArray[iIndex].style.borderRight="1px solid black";
    varArray[iIndex].style.padding="3px";
    varArray[iIndex].style.paddingTop="2px";
    varArray[iIndex].style.background=varBgColor;
    varArray[iIndex].style.cursor="default";
    varArray[iIndex].onclick=open;
    varArray[iIndex].onselectstart=nothing;
    childNodes[iIndex].style.width=style.posWidth;
    childNodes[iIndex].style.borderTop="1px solid white";
    childNodes[iIndex].style.borderLeft="1px solid white";
    childNodes[iIndex].style.borderRight="1px solid black";
    childNodes[iIndex].style.borderBottom="1px solid black";
    childNodes[iIndex].style.background=varBgColor;
    childNodes[iIndex].style.position="absolute";
    childNodes[iIndex].style.padding="5px";
    }
    for(iIndex in varArray)
    {
    insertBefore(varArray[iIndex],varRule);
    if(iIndex>0)
    {
    nIndex=2;
    for(kIndex=0;kIndex<iIndex;kIndex++)
    {
    nIndex+=varArray[kIndex].clientWidth+4;
    }
    varArray[iIndex].style.posLeft=nIndex;
    }
    else
    {
    varArray[iIndex].style.posLeft=2;
    }
    varArray[iIndex].left=varArray[iIndex].style.posLeft;
    varArray[iIndex].style.zIndex=iIndex*2+1;
    childNodes[iIndex*2+1].style.height=style.posHeight-varArray[iIndex].clientHeight-2;
    childNodes[iIndex*2+1].style.posTop=varArray[iIndex].clientHeight+2;
    childNodes[iIndex*2+1].style.zIndex=iIndex*2;
    }
    }
    open(0);
    </SCRIPT>
    </PUBLIC:COMPONENT>
      

  5.   

    <SCRIPT language=JavaScript><!-- function dspList(n){
    var elmABlock= 10;//每页记录数量设置
    var totElm = 100;//记录数量
    var totBlock= Math.floor((totElm -1) / elmABlock)+1;//页个数
    var cblock;
    if(n==null){cblock=1;}
    else{cblock=n;}
    var seed;
    var limit;
    if(cblock < totBlock){seed= elmABlock * (cblock-1); limit =  cblock*elmABlock -1}
    else{seed=elmABlock * (cblock-1); limit= totElm-1;} if(totElm >0 ){
    var list_num=0;
    mmList.innerHTML='';
    for (var i=seed; i <= limit; i++)
    {
    aaa='<font color=red>sdfsdfsdf</font>'+i+'<br/>'
    mmList.innerHTML=mmList.innerHTML+aaa
    }

    }
    else { mmList.innerHTML='<div align=center> http://www.killerj.tk </div>'; }
                    
    pageList.innerHTML=""
    for(var j=1; j<=totBlock; j++){
    page='<a href=javascript:dspList('+j+')>['+j+']<a> ';
    pageList.innerHTML=pageList.innerHTML+page;
    }
     }
    --></SCRIPT>
    <body onload=dspList();this.focus()>
    <DIV id=mmList></DIV>
    <br/>
    <SPAN id=pageList></span>