永发信息网

给网站在做导航条的时候,如何将二级栏目做成三级栏目,有什么方法步骤?

答案:1  悬赏:0  手机版
解决时间 2021-01-24 23:22
给网站在做导航条的时候,如何将二级栏目做成三级栏目,有什么方法步骤?
最佳答案
你说的这个和下拉列表是一个含义。所谓的二级导航栏目是我们跟据一级栏目进行细分的。这个就相当于:
1级导航:首页——(动物、植物)
2级导航:动物——(熊猫、灵猫)
3级导航:熊猫——简介、生活习性、地区分布、
按这样的枝叶分下来的。当然,这样比较麻烦,我们可以将css+div和气来运用,用代码显示
css代码片段

*{margin:0;padding:0;border:0;background-repeat:no-repeat;font-size:14px;list-style-type:none;color:#F5F5F5;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.navgation{width:100%;height:36px;line-height:36px;background:#000;margin:10pxauto;}
.nav{width:960px;height:36px;margin:0auto;}
.navli{float:left;width:130px;border-right:#FFFsolid2px;text-align:center;}
.nav.last{border-right:none;}

html代码片段


  • 首页

  • 动物

  • 植物

  • 下面就是下拉的列表框,也就是平时我们说的二级导航栏目(这里,我们就用熊猫来做下面的下拉列表导航栏目的制作)
  • 熊猫

    • 熊猫首页

    • 简介

    • 生活习性

    • 地区分布



  • css片段
    .nava{display:block}
    .nava:hover{display:block;background:#F00}

    .navul{display:none;}
    .navli:hoverul{display:block;position:absolute;width:130px;top:46px;background:#069;}
    .navli:hoverulli{border-bottom:#99C1pxsolid;border-right:none;}
    我要举报
    如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
    大家都在看
    QQ华夏65级的战魂刷多少级的学校经验最多??
    禅宗语云:“菩提本无树,明镜亦非台,本来无
    云南省红河县第三中学怎么去啊,我要去那办事
    箭牌瓷砖地址在什么地方,我要处理点事
    家里路由器信号不给力怎么办
    【孔子游春原文】孔子游春课文文言文
    我用无线网可以上网但用本地连接就无法上网了
    淘宝上十年的普洱88真的假的
    张掖黑河湿地国家级自然保护区管理局地址在什
    H3C ER3200怎么设置限速
    探亲避孕药是A.避孕药1、2、0号B.复方甲基炔
    用友UFERP-M8.11打开的时候显示:不能创建对象
    马可波罗磁砖地址在什么地方,我要处理点事
    建水县梨园中学地址在哪,我要去那里办事
    去丹东玩住哪里合适?
    推荐资讯
    海南分数最低的本科大学
    已知三角形abc中,sin(a+b)=4/5,cosb=-2/3,求c
    中国工商银行24小时自助银行(窦店镇大窦路腾
    上饶什么时候才可以注册滴滴出行?
    有丝分裂过程中,染色体出现在A. 前期B. 中期
    一些科普读物中常见有下列词汇,其中的颜色不
    公主桥居委会地址有知道的么?有点事想过去
    为什么有些MP4没有高清解码器?
    彩电中的行振荡电路和场振荡电路是在那的!有
    金霸电器地址在什么地方,我要处理点事
    浙江省瑞安市塘下四村多少人口
    电动车充电器的普通270欧电阻怎么辨认?
    正方形一边上任一点到这个正方形两条对角线的
    阴历怎么看 ?