用JavaScript实现网页表单/图片的显示与隐藏

前言

HTML学习已过一阶段，

用基本的标签就可以设计出

美观的网页样例，

但是我们的目标就仅限于此？

 

不是的，

这样设计出来的网页只是

基本的静态网页，

缺少动态的展示效果，

缺少良好的交互体验，

仅仅是好看而已。

 

而且由于缺少脚本，

网页的所有元素会

一股脑地显示在屏幕上。

 

比如导航栏菜单的若干个子菜单，

可能你也是这么想：

我是想让用户

点击对应的菜单才显示的，

我也不知道为什么，

它就全部显示出来！

 

那有没有什么办法，

让元素隐藏，

只在用户需要的时候才显示？

 

答案是肯定的：

js啊！

 

实例演示

先展示实现效果图

（ps:涉及品牌广告已做了和谐打码！）

 

可以看到

初始页面没有过多的图片展示元素，

中间绿色的圆按钮是图片显示按钮，