任务二:三级菜单栏

前两天接到的任务是优化一个页面,现在的理解是做一个三级的菜单形式。目前自己的想法还是使用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;}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,796评论 24 450
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,679评论 18 503
  • 失眠了 好可怕 不应该这样 我又想他了 怎么办 大哭 为什么要这样对我 难受
    兔纸粉阅读 222评论 0 0
  • 恍然间已快一年。 爸爸走得突然,癌晚期,杜冷丁的作用,熟睡中,安然故去。 妈妈,哥哥和我,叔叔姑姑哭得死去活来,我...
    风吹过的岁月阅读 229评论 0 2