html自定义垂直导航菜单(目前只支持上级+下级两级菜单) 由于工作的需要,昨天花了三个多小时的事件整理了一份关于垂直导航二级菜单,可以通过js配置的方式初始化菜单box(测试环境:chrome 49、IE 10、IE edge)。 no pic u say a j8? 好吧,先上效果图 ...
这次在原先html自定义垂直导航菜单的基础上做了比较大的改动: 去掉了font awesome图标,上级菜单右边的箭头是自己用css写的,具体参考 css三角箭头 。 去掉了初始化时候打开的菜单的属性openIndex 考虑到多级菜单子菜单的打开方式,暂时去掉 ,添加了superLevel 默认是 ,即当前添加的不论是一个JSArray还是JSObject,我们都将作为一级菜单 处理。 将二级导航 ...
2016-08-09 15:57 1 4973 推荐指数:
html自定义垂直导航菜单(目前只支持上级+下级两级菜单) 由于工作的需要,昨天花了三个多小时的事件整理了一份关于垂直导航二级菜单,可以通过js配置的方式初始化菜单box(测试环境:chrome 49、IE 10、IE edge)。 no pic u say a j8? 好吧,先上效果图 ...
用CSS制作带箭头的菜单主要是实现箭头,下面为代码: ...
font-awesome一个很强大的字体图标库。下载链接:http://fontawesome.dashgame.com/刚开始使用font-awesome的新手往往容易只引入一个css文件,这样就会导致图标显示不出来。如下图: 下载解压后我们至少需要引入这两个文件夹css ...
1 自定义菜单导航栏插件的必要性 看图说话,下面是利用自定义的菜单导航栏插件simpleMenu创建的网站导航示例: 插件默认提供的是如上图的导航栏样式,即一二级菜单为横向分布;三四级菜单为纵向分布。 使用插件时,可以修改默认参数,目前插件提供了设置菜单的分布方式:横向 ...
首先是去阿里图标里面找到自己所要的图标下载SVG的文件;然后去图标制作网站制作,链接地址https://icomoon.io/app/#/ 首先引入刚刚下载 的SVG图标文件,引入后选中 然后点击制作 然后下载就可以了 在把下载的压缩文件就要fonts文件夹里面的。放到static ...
在上一篇中我简单写了个html自定义垂直导航菜单,缺点很明显,里面的数据是固定死的,不能动态更改数据。 这里我重写了一个修改版的垂直二级导航菜单,将原先的menuBox.init(config);修改为menuBox.init(config, dataObj);,这里的dataObj就是要传入 ...
应的页面上添加自定义图标,如下图: 3、在页面上添加跳转tabBar页面的代码,如下图: ...