下拉式导航

时间:2024-03-02 16:38:48
                                         下拉式导航
                                      作者:李德新
                                      撰写时间:2019年01月 18日
   jquery插件是我们学习IT技术必须学会的使用的技术,所以现在我来演示一下下拉式导航的效果。

首先的布局很重要,先要按要求布置好布局才能实现下拉式导航的效果:用一个大的Div包装好内容区,然后分成三大部分。如下图为头部部分:
在这里插入图片描述
记住内容要用

    标签,然后在
  • 标签中再嵌套
      标签,放入内容。
      在这里插入图片描述
      这样再加上Css布局,便能完成整个页面的布局样式
      在这里插入图片描述
      在这里插入图片描述
      最后引入jquery1.42.min.js和jquery.SuperSlide.2.1.1.js两个插件,最后写js代码便能实现下拉式导航的效果。
      在这里插入图片描述