垂直（纵向）二级导航菜单

99%的人还看了以下文章

• 网页特效

  超酷的HTML5 3D图片旋转动画特效

  中国网页设计分享的一款HTML5 3D图片动画特效，使用js动画框架TweenMax 技术实现。 这款HTML5 3D动画非常酷，当在图片上面拖动鼠标时，图片会在垂直方向分裂出数块小长方体，然后每一个小长方体沿着鼠标拖动的方向旋转。 效果演示      源码下载

  江山如画

  2018年9月28日

  3.5K00
• 网页制作

  3种纯CSS/jquery实现的表格隔行变色，鼠标悬停：hover变色效果

  表格隔行显示不同背景颜色，表格奇数行和偶数行交替显示不同的背景颜色。 一、纯CSS3实现表格隔行变色 关键CSS代码介绍 table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73…

  江山如画

  2018年9月5日

  4.1K00
• 网页特效

  精美的滑出式水平导航特效

  一个精美的滑出式水平导航特效，打开页面只能看到文本链接，用户将鼠标悬停于标签上时，该导航菜单项目会滑出。 预览     下载源码 1、HTML结构 导航实现仅用一个简单的无序列表 <ul id=”navigation”> <li class=”home”><a href=””><span>Home</sp…

  江山如画

  2018年2月6日

  2.1K00
• 网页特效

  如何去除导航栏最后一个不需要的分隔线

  网页导航栏制作时，菜单项之间常用1像素细线做分隔，如上图。 给菜单栏菜单项添加分隔线代码如下： /* 给菜单栏菜单项添加分隔线 */ .nav li { border-right: 1px solid #666; } 最后一个菜单项右边就不需要这个边框线了，如何处理呢？ 去除最后一个菜单项右边的分隔线，代码 /* 移除分隔线 */ .nav li:last-…

  江山如画

  2018年7月26日

  3.3K01
• 网页特效

  立体动画按钮、切换开关

  实例名称：立体动画按钮、切换开关在线预览：https://codepen.io/chrisgannon/pen/ZaPmKp HTML代码： <div id=”app”></div> CSS代码： body { background-color:#FFFCF9; overflow: hidden; text-align:center;…

  江山如画

  2019年10月17日

  1.7K00
• 网页特效

  导航特效：纯css制作三级下拉导航菜单

  一个纯CSS制作的三级导航菜单，代码非常精简，兼容各主流浏览器，是学习CSS，制作网站导航非常好的实例。

  江山如画

  2018年2月9日

  3.2K00