1. 首页
  2. 编程语言
  3. Javascript
  4. 使用createNav.js在html页面中自动生成导航栏代码

使用createNav.js在html页面中自动生成导航栏代码

上传者: 2023-07-29 08:57:16上传 JS文件 2.97KB 热度 8次

在html页面中加载createNav.js文件并修改navData,即可自动生成带有相应链接和图标的导航栏。navData的格式如下:var navData={ logoImg:"../assets/img/mysql.png", name:"MySQL管理工具", navArr:[ {id:"nav3",img:"../assets/img/MySQL3.png",name:"链接配置"}, {id:"nav1",img:"../assets/img/MySQL1.png",name:"创建数据库"}, {id:"nav2",img:"../assets/img/MySQL2.png",name:"添加任务"} ], btnArr:[ {id:"exit",img:"../assets/img/退出.svg",name:"退出系统"}, {id:"username",img:"../assets/img/管理员.svg",name:"magic34805933"} ] };

下载地址
用户评论