显示与隐藏效果

显示与隐藏效果

开发工具与关键技术：DW、显示与隐藏效果
作者：黄桂康
撰写时间：2019.02.20

本篇介绍下拉框的效果，它只要是两个盒子，一个盒子显示在网页上，一个隐藏着，当鼠标点击显示的那个盒子，隐藏着的盒子就显示。
首先创建两的div，给它们id，然后页面刷新，，，


出现两个div效果，出现后就隐藏一个div，display：none；（“none”为隐藏，“block”为显示）。


下面的盒子隐藏掉了，然后就开始写js部分，在HTML中嵌入JavaScript代码，可以在body标签里面写，就是script标签，script标签要有开始标签和结束标签。

Script标签里面，首先声明变量，两个变量X和Y，然后就可以在下面写要执行的效果的动作，如下截图：onclick为鼠标单击，ondblclck为鼠标双击，block为显示，none为隐藏。
设计的代码的意思就是当鼠标单击X盒子的时候，Y盒子显示，当鼠标双击X盒子的时候，Y盒子隐藏。

显示效果如下截图：

隐藏效果如下截图：