一、纵向菜单 效果图： 二、横向菜单 效果图： 三、下拉菜单 效果图： 纵向的下拉菜单 给最外层容器nav添加额外的一个类，vertical成为<nav id="nav1" class="vertical">。。。。<nav> 然后添加如下的css规则： 效果图： ...
分类：
其他好文 时间：
2017-06-11 16:23:12
阅读次数：
242
一、横向菜单 inline-block是不换行的块级元素，对于使用ul-li结构的网页顶部横向导航菜单非常有用。 如果不使用inline-block属性，只能使用float来浮动每个li元素，写起来比较麻烦，如果使用了inline-block代码相对简单： css代码如下： 二、需要行内排列设置大小 ...
分类：
其他好文 时间：
2017-06-10 15:21:52
阅读次数：
135
蓝色下拉滑动二级导航菜单 首页 关于我们 ... ...
分类：
Web程序 时间：
2017-05-26 19:35:37
阅读次数：
271
我们导航菜单的制作一般都用ul li a这几个标签，但是我们可以思考一个问题，这个a标签是一个行内标签，而ul 和li是块级标签，我们写在li上面的样式可以写在最里面的a上面 HTML代码如下： 我们常规的css做法就是 而我想表达的就是 li标签上的样式可以全部放到a标签上写 只要给a标签加上 d ...
分类：
其他好文 时间：
2017-05-19 22:15:38
阅读次数：
216
响应式web-媒体查询 媒体查询是一个将很多响应式概念和工具连接在一起的粘合剂。这些查询语句都是简单但是功能很强大的，它们允许我们检测设备属性，定义规则，并根据规则等的不同加载不同的 CSS 属性。例如，你可以为不同的设备优化导航菜单，将桌面浏览器上的完整水平菜单转换为经常在移动设备上遇到的 “汉堡 ...
分类：
Web程序 时间：
2017-05-18 09:48:58
阅读次数：
660
最近做项目，用到类似的效果。 效果图如下： 直接上代码： HTML: CSS: Js: ...
分类：
Web程序 时间：
2017-05-06 14:13:24
阅读次数：
925
BootStrap 布局组件 II ■ 分页 BS中通过.pagination的ul元素来实现一个分页集合，一个典型的分页如下： 得到效果： 由于分页键的本体仍然是一个超链接，所以依然可以适用.active和.disabled类来表示选中和禁用某个分页。同导航菜单中提到过的一样，这里的选中和禁用只是 ...
分类：
其他好文 时间：
2017-05-05 12:50:32
阅读次数：
287
这俩天闲来没事淘宝逛了一圈看到淘宝的左侧导航菜单做的是真心的棒啊，一时兴起，查了点资料抓了几个图片仿淘宝写了个css，时间紧写的不太好，大神勿喷，给小白做个参考 废话不多说先来个效果图 接下来直接上代码，图片没法传，只能直接放代码下边，辛苦点一张一张扣去吧😝 HTML部分 <!DOCTYPE HT ...
分类：
Web程序 时间：
2017-05-02 17:26:35
阅读次数：
416
一、CSS3动画 名称 用途 链接 阴影波纹特效 1.元素hover效果 2.突出表现效果 http://www.jq22.com/code80 横板导航菜单动画 导航菜单 http://www.jq22.com/code181 横板导航菜单动画2 导航菜单 http://www.jq22.com/ ...
分类：
Web程序 时间：
2017-04-07 17:30:32
阅读次数：
325
ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。源码以前文为基础。 父组件使用方法： 这样的结构可谓清晰明了。这里只为演示ng-content的功能，如果是真正开发过程中，可以 ...
分类：
其他好文 时间：
2017-04-05 20:08:24
阅读次数：
353
