任务二：三级菜单栏

前两天接到的任务是优化一个页面，现在的理解是做一个三级的菜单形式。目前自己的想法还是使用ul li先写出静态页面，然后通过（css、javascript、jquery）三种方法中的一个实现动态的展示效果。

• css动态效果是通过设置ul li ul{display：none}
  通过ul li：hover ul{display：block}。
• javascript动态效果通过getElementById（）找到元素，然后设置它的display属性。
• jquery通过children（）找到子元素，show（）方法显示HTML元素，hide（）方法隐藏HTML元素。
  对于二级菜单中的定位，一级菜单中使用ul li{position：relative；}
  ul li ul{position：absolute；top：40px; left: 0px;}