制作显示隐藏效果

开发工具与关键技术：DW   JS

作者：魏钦

撰写时间：12.8

1. 进入DW界面，ctrl+n新建HTML骨架，在body标签放入一个div标签，给一个类名，在类名外面放一个id标签，随便取一个名字，名字也可以跟前面的类名类名一样，然后在div标签里面放入两个botton标签，自动生成按钮，然后个给个类名和id，也可以写上隐藏的英文，，然后在最后一个button标签下面再放一个div标签作为隐藏显示的对象，也要给类名和id，写法如下图。

 

 

2.在body标签上放一个style标签用来写隐藏显示对象的样式，写法如图。

3.在/body结束标签下面放一个scri标签用来写JS样式，然后在scri标签里面写window.οnlοad=function()，这个是必要的，俗称：加载事件。然后在加载事件上面写个var这个叫做初始值，空格然后写你刚才写的类名，然后又空格等于document这个叫获取，getElementById获取你的刚才写的id名，重复两次，获取一个是隐藏或者显示，还有一个是你那个隐藏显示的对象，剩下的自己理解吧。