记得我给妹妹和哥哥测试考试系统的时候，看到他们的考试页面可以隐藏左边的考生信息。我当时觉得自己好高好人性化。现在学了javascript，可以实现这个功能了。让我们展示一下。

1.页面设计：

(1).html代码：

列标题js/标题样式类型=' text/CSS '。对齐{ text-align : center；} /style /head脚本语言=' JavaScript ' type=' text/JavaScript '//./Script表体宽度=' 412 '高度=' 296 '边框=' 1' tr TD宽度=' 113 '高度=' 292' id='牧兰' p class=' alignment' a href=' # '列1/a/P P class=' alignment ' a href=' # '列2/a/P P class=' alignment ' a href=' # '列3/a/P class=' alignment ' a href=' # '列4 /a/p p类=' alignment' a href=' # '第5列/a P/TD TD宽度=' 15 ' span id=' pic ' img src=' http 3360 image/left . png ' width=' 15 ' height=' 39 ' onclick=' hide()'//span/TD TD宽度=' 360' class=' alignment '这里是/td /tr /table /body /html (2)。 描述：其实这个页面很简单，只需要一个一行三列的表。第一部分放列名，第三部分是主要内容。在中间放一张左(右)箭头的图片。我认为这是一个很好的控制。

2.javascript代码：

脚本语言=' JavaScript '类型=' text/JavaScript '函数Hide()//单击左箭头隐藏列部分{//步骤1:隐藏列列表文档. getelementbyid('牧兰'). style.display=' none//第二步：同时更改箭头图片。左箭头响应的事件是显示show()document . getelementbyid(' pic ')。innerhtml=' img src=' image/right . png ' onclick=' show()'/'；}函数show()//单击右箭头显示隐藏的列部分{//第一步：显示列列表文档. getElementByid('牧兰')。style.display=//第二步：同时更改箭头图片。左箭头响应的事件隐藏了hide()document . getelementbyid(' pic ')。innerhtml=' img src=' image/left . png ' onclick=' hide()'/'；} /script(1)效果：

(2)说明：初始显示“左箭头”。点击图片将响应hide()事件，部分隐藏列，并将左箭头改为右箭头。当您单击“向右箭头”时，您将响应show()事件并显示隐藏的列。同时，您将右箭头更改为左箭头，并返回到原始状态。这其实很简单，也很容易做到。

通过这个阶段对javascript的学习，我觉得很有意思。以前什么都不懂的时候，总是想得很辛苦，给自己心理压力。亲身体验的时候，发现就是这样，慢慢培养了自己的学习兴趣。现在登录一个网站或者使用一个软件的时候，你会忍不住去想它是怎么实现的，哪里做得好，哪里需要改进，逐渐接近一个专业人士。

javascript还有很多东西要学。今天的节目只是冰山一角。保持兴趣和好奇心！