记得给同学们的考试系统，看到考生左边的信息隐藏自己的测试页面，可以感觉很好，很高，很好。现在Javaｓｃｒｉｐｔ，我可以实现这个功能，在这里展示一下。

1。页面设计：


（1）Html Code：




JS柱

对准{。
文本对齐：中心；
}



/……





专栏1
两列
专栏三
专栏四
专栏五





这是内容区！






（2）。说明：其实这个页面很简单，只有一行三行。第一部分是栏目名，第三部分是主要内容。中间部分有左（右）箭头的图片。它想了很多，认为这是一个非常牛的控制。

2.javaｓｃｒｉｐｔ代码：



函数（隐藏）/单击左箭头，隐藏列部分
{
第一步：隐藏列列表
document.getelementbyid（兰木）。风格。显示为无；
第二步：箭头/图片替换，左箭头事件显示（显示）
document.getelementbyid（PIC）.innerHTML = ；
}
函数（显示）/单击右箭头来显示列的隐藏部分。
{
第一步：显示/列列表
document.getelementbyid（兰木）。风格。显示= ；
第二步：替换箭头图片，左箭头事件隐藏（隐藏）
document.getelementbyid（PIC）.innerHTML = ；
}




（1）效果：



（2）描述：第一显示左箭头，点击图片将应对隐藏（）事件，隐藏的列的一部分，并改变左箭头右箭头。当点击右箭头，它表明（）事件，显示隐藏的部分，和改变右键的左键和返回到原来的状态。说起来很简单，而且很容易做到。

通过这个阶段的Javaｓｃｒｉｐｔ学习，它是非常有趣的。当我们以前什么都不知道的时候，我们总是很难思考和给自己施加心理压力。当我们亲身体验的时候，我们发现它是一样的东西，慢慢培养了学习兴趣。现在当登录网站或使用软件时，它不会自觉地考虑它是如何实施的，在哪里做得好，在哪里改进，逐步走向专业人士。

学习Javaｓｃｒｉｐｔ的东西很多，今天只是冰山一角，带着兴趣和好奇心继续加油！