有高手知道网页上那些显示程序代码，是怎样实现的吗？

需要那个显示源代码那个有个 + - 展开，收叠一起的功能是如何实现的。能给个提示，或代码最好
谢了。

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <script type="text/javascript">
    function hide()
    {
    var Div= document.getElementById("ddd");
    var Div2= document.getElementById("dd");
    Div.style.visibility="hidden";
    Div2.innerHTML="-";
    </script>
    </head>
    <body>
    <div id="dd" onclick="hide()">+
    <div id="ddd">
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    </div>
    <div>
    </body>
    </html>
    我也不知道什么原理 只是随便写了写 ，等待高手来~
      

  2.   

    只要用<xmp></xmp>包含要显示的代码即可
      

  3.   


    <html>
    <head>
    <title></title>
    <script type="text/javascript">
    function hide()
    {
    var Div= document.getElementById("ddd");
    var Div2= document.getElementById("dd");
    if(Div2.innerHTML=="+"){
    Div.style.display = "block";
    Div2.innerHTML="-";
    }else{
    Div.style.display = "none";
    Div2.innerHTML="+";
    }
    }
    </script>
    </head>
    <body>
    <div id="dd" onclick="hide()" style="display:block">-</div>
    <div id="ddd">
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    <div>dfsfsdfsf</div>
    </div>
    </body>
    </html>