前两天接到的任务是优化一个页面,现在的理解是做一个三级的菜单形式。目前自己的想法还是使用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;}
网友评论