• 新记

    • 想在同一个页面内点击链接显示不同的内容

    想在一个页面内通过点击不同的链接文字，显示不同的内容，昨天找了一段代码是点击表格内的任何地方都会切换的，我只想在文字上加链接，点击文字才会改变，不知道应该怎么做，知道的告诉一下谢谢了。

    <script>
    var content = new Array(); //定义一个数组来预先保存内容
    content[1] = "内容1";
    content[2] = "内容2";
    content[3] = "内容3";
    content[4] = "内容4";
    content[5] = "内容5";
    content[6] = "内容6";
    content[7] = "内容7";
    content[8] = "内容8";
    content[9] = "内容9";
    </script>
    <table width="100%" border="0">
    <tr>
    <td width="18%" bgcolor="#669900" onclick="div1.innerHTML=content[1]">1</td>
    <td width="84%" rowspan="9"><div id="div1" style="width:100%;height:100%">显示的层</div></td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[2]" bgcolor="#669900">2</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[3]" bgcolor="#669900">3</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[4]" bgcolor="#669900">4</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[5]" bgcolor="#669900">5</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[6]" bgcolor="#669900">6</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[7]" bgcolor="#669900">7</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[8]" bgcolor="#669900">8</td>
    </tr>
    <tr>
    <td onclick="div1.innerHTML=content[9]" bgcolor="#669900">9</td>
    </tr>
    </table>

    举报该文章
    相关建议   2009-11-20
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms<i>[n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers<i>.document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_showHideLayers() { //v6.0
    var i,p,v,obj,args=MM_showHideLayers.arguments;
    for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args<i>))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
    }
    //-->
    </script>
    </head>

    <body >
    <table width="392" border="0" align="center" cellpadding="3" cellspacing="0">
    <tr>
    <td width="17"><div align="center"></div></td>
    <td width="363"> <SPAN style="CURSOR: hand"
    onclick=Show(xk_poplod);MM_showHideLayers('er','','hide');MM_showHideLayers('san','','hide')><a href="#" >注册未使用的用户</a></SPAN>
    <div id=xk_poplod
    style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;">
    <table width="270" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
    <tr>
    <td width="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>注册未使用的用户</strong></div></td>
    </tr>
    <tr>
    <td bgcolor="#ECEDEB"><table width="94%" height=114
    border=0 align="center" cellpadding=0 cellspacing=0 class=pop>
    <tbody>
    <tr>
    <td> <p> 您可以发50的倍数为手机充值。现在充值可得1.7元返款优惠（7月31日前有效）,询025-83205608或10010!每用户只可享受优惠价一次,送完即止.

    </p></td>
    </tr>
    <tr>
    <td> <div align=right> <span style="CURSOR: hand"
    onClick=Hide(xk_poplod)>关 闭</span></div></td>
    </tr>
    </tbody>
    </table></td>
    </tr>
    </table>
    </div>
    <div id=er
    style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;">
    <table width="270" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
    <tr>
    <td width="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>新注册的用户</strong></div></td>
    </tr>
    <tr>
    <td bgcolor="#ECEDEB"><table width="94%" height=114
    border=0 align="center" cellpadding=0 cellspacing=0 class=pop>
    <tbody>
    <tr>
    <td> <p> 您可以发送50的倍数为手机充值。现在充值可得1.7元返款优惠（7月31日前有效）,询025-83205608或10010！每用户只可享受优惠价一次,送完即止.</p></td>
    </tr>
    <tr>
    <td> <div align=right> <span style="CURSOR: hand"
    onClick=Hide(er)>关 闭</span></div></td>
    </tr>
    </tbody>
    </table></td>
    </tr>
    </table>
    </div>
    <div id=san
    style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;">
    <table width="270" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
    <tr>
    <td width="268" height="24" bgcolor="#CCCCCC"><div align="center"><strong>有过1次以上充值的历史的用户
    </strong> </div></td>
    </tr>
    <tr>
    <td bgcolor="#ECEDEB"><table width="94%" height=114
    border=0 align="center" cellpadding=0 cellspacing=0 class=pop>
    <tbody>
    <tr>
    <td> <p> 您现在用捷银移动支付充值,可获得1.2元返款优惠（7月31日前有效），以后充值还有优惠！询025-83205608或10010

    </p></td>
    </tr>
    <tr>
    <td> <div align=right> <span style="CURSOR: hand"
    onClick=Hide(san)>关 闭</span></div></td>
    </tr>
    </tbody>
    </table></td>
    </tr>
    </table>
    </div>
    <div align="center"></div>
    <div align="center">
    <script language=JavaScript1.2>
    <!--

    function Show(divid) {
    divid.filters.revealTrans.apply();
    divid.style.visibility = "visible";
    divid.filters.revealTrans.play();
    }
    function Hide(divid) {
    divid.filters.revealTrans.apply();
    divid.style.visibility = "hidden";
    divid.filters.revealTrans.play();
    }

    //-->
    </script>
    </div></td>
    </tr>
    <tr>
    <td><div align="center"></div></td>
    <td> <SPAN style="CURSOR: hand"
    onclick=Show(er);MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('san','','hide')><a href="#">新注册的用户</a></SPAN>
    </td>
    </tr>
    <tr>
    <td><div align="center"></div></td>
    <td> <SPAN style="CURSOR: hand"
    onclick=Show(san);MM_showHideLayers('xk_poplod','','hide');MM_showHideLayers('er','','hide')><a href="#">有过1次以上充值的历史的用户</a></SPAN>
    </td>
    </tr>
    </table>
    </body>
    </html>
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  推荐于2016-11-20
    <script>
    var content = new Array(); //定义一个数组来预先保存内容
    content[1] = "内容1";
    content[2] = "内容2";
    content[3] = "内容3";
    content[4] = "内容4";
    content[5] = "内容5";
    content[6] = "内容6";
    content[7] = "内容7";
    content[8] = "内容8";
    content[9] = "内容9";
    </script>
    <table width="100%" border="0">
    <tr>
    <td width="18%" bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[1]" >1</a></td>
    <td width="84%" rowspan="9"><div id="div1" style="width:100%;height:100%">显示的层</div></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[2]" >2</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[3]" >3</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[4]" >4</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[5]" >5</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[6]" >6</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[7]" >7</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[8]" >8</a></td>
    </tr>
    <tr>
    <td bgcolor="#669900"><a href="#" onclick="div1.innerHTML=content[9]" >9</a></td>
    </tr>
    </table>本回答被提问者采纳
    相似回答
    大家正在搜
    相关问题
    网页制作时如何在同一个页面点击导航后其内容显示在相同的页面？
    如何在HTML里同一页面做多个链接，做成显示内容同一位置，不...
    怎么在同一个页面内点击左边的链接，右边同一位置显示链接相关的...
    如何通过点击不同的标题，在网页同一个位置显示不同的内容？
    html 点击本页的链接如何在本页的另一个区域显示内容
    请问怎么把几个页面显示在同一个页面里，并且能点击互动
    同一html表格页面中怎么设置多个链接,点击后在同一页面显示...
    网页制作时如何在同一个页面点击导航后其内容显示在相同的页面。