问：这是怎么原理实现的？
其实就是显示和隐藏
问：那么这个现实和隐藏如何实现呢？
其实方法有很多，下面我来带着大家看一下每种实现方式和其不同点
无论使用哪一种方式实现，首先这个东西必须先存在，我们先在结构中存在
一级导航
二级导航 二级导航 二级导航
这样的结构写法在我们的页面中一开始是所有的导航都是显示的
我们想要实现一开始只显示一级导航效果，当鼠标划上一级导航的时候显示二级导航效果
方法一：用display:none和display：block方式实现
一开始给p标签一个display:none
当鼠标划上div时让p标签显示 div:hover p{display:block}
注意：此方式可以实现显示和隐藏的效果，但是不支持过渡效果，也就是你不能看到逐渐显示的过程
方法二：用opacity：0； opacity：1方式实现
一开始给p标签一个opacity:0
当鼠标划上div时让p标签显示 div:hover p{opacity:1}
注意：此方式可以实现显示和隐藏的效果，支持过渡效果，在p标签的初始状态上加上一个transition:1s你是可以看到从无到有淡入淡出的效果的
>need-to-insert-img
方法三：用height：0； height：100px方式实现
一开始给p标签添加一个height:0但是由于里面有二级菜单的内容文字所以会存在溢出，添加一个overflow：hidden即可解决
当鼠标划上div时让p标签显示 div:hover p{height:100px}
注意：此方式可以实现显示和隐藏的效果，支持过渡效果，在p标签的初始状态上加上一个transition:1s你是可以看到类似于卷帘门从上向下拉的效果。
哈哈是不是学到了，好了不说了，老铁们自己看着办法，反正我把方式方法都告诉大家了，是收藏还是点赞。
我以前做过这个尝试，貌似是不可能的。即使你设置了子集的透明度，也是会跟随父级的透明度变成50%的。你可以这样思考：两层并列关系，其中的一个层，让它绝对定位在另外一个层的上面。
如果你要用JS设置父级的效果的话，子集要设置不同的效果，比如父级是卷帘门式的打开效果，而子集则需要使用移动或者其他的js效果。
. Sound 类别：Object 文件格式：mxp | 1,862B给网页添加背景音乐，可设置循环次数
http://www.windstudio.net/download/dreamweaver_exchange/sound.mxp
2.Average Distribute 类别：Command 文件格式：mxp | 2,828B
平均分布单元格的宽度或高度，很有用的插件哟
http://www.windstudio.net/download/dreamweaver_exchange/average_distribute.mxp
3.Clean Up Word Table 类别：Command 文件格式：mxp | 1,674B
用最精简的代码导入一个WORD表格
http://www.windstudio.net/download/dreamweaver_exchange/clean_up_word_table.mxp
4.List Menu Data 类别：Object 文件格式：mxp | 3,713B
导入外部文本中的值，创建下拉菜单
http://www.windstudio.net/download/dreamweaver_exchange/list_menu_data.mxp
5.Stop Layer Animations 类别：Behavior 文件格式：mxp | 9,189B
停止层的动作，可以中止用Scrollomat 生成的运动效果
http://www.windstudio.net/download/dreamweaver_exchange/stop_layer_animations.mxp
6.Scrollomat 类别：Behavior 文件格式：mxp | 12,831B
给指定的层添加一个卷帘式收起的效果，可以循环
http://www.windstudio.net/download/dreamweaver_exchange/scrollomat.mxp
7.Persistent Layers 类别：Behavior 文件格式：mxp | 24,626B
不管滚动条如何拉动，这个层在窗口中的位置始终固定不变
http://www.windstudio.net/download/dreamweaver_exchange/persistent_layers.mxp
8.Cross-browser AutoScroller 类别：Object 文件格式：mxp | 10,876B
文字自动向上滚动，当鼠标悬停在链接上时滚动暂停
http://www.windstudio.net/download/dreamweaver_exchange/auto_scroller.mxp
9.Scrolling Title 类别：Object 文件格式：mxp | 4,224B
在浏览器标题栏显示滚动的页面标题
http://www.windstudio.net/download/dreamweaver_exchange/scrolling_title.mxp
10.Flat Button 类别：Object 文件格式：mxp | 1,936B
用CSS改变了样式的文本框或按钮
http://www.windstudio.net/download/dreamweaver_exchange/flat_button.mxp
11.dHTML Scrollable Area 类别：Command 文件格式：mxp | 13,207B
插入一个内容可上下滚动的层，现已修正，支持中文
http://www.windstudio.net/download/dreamweaver_exchange/dhtml_scrollable_area.mxp
12.Insert AVI File 类别：Object 文件格式：mxp | 3,538B
在网页中插入AVI视频文件，可定制播放面板。
http://www.windstudio.net/download/dreamweaver_exchange/insert_avi.mxp
13.Viewpoint Media Embedder 类别：Object 文件格式：mxp | 8,917B
在网页中插入Viewpoint Media 3D场景
http://www.windstudio.net/download/dreamweaver_exchange/viewpoint_media.mxp
14.Popup Messages 类别：Behavior 文件格式：mxp | 13,240B
当鼠标经过某个区域时，显示说明文字，样式可自定义
http://www.windstudio.net/download/dreamweaver_exchange/popup_message.mxp
15.Scrolling Status Bar 类别：Object 文件格式：mxp | 4,294B
插入打字效果出现的状态栏文字
http://www.windstudio.net/download/dreamweaver_exchange/scrolling_status_bar.mxp
16. MP Flash 类别：Object 文件格式：mxp | 14,206B
把MP3转成Flash 文件插入到当前文档中
http://www.windstudio.net/download/dreamweaver_exchange/mp_flash.mxp
