网站后台框架+jQuery多级树形菜单打开选项卡

2025-10-27 15:55:24

1、新建html文档。

网站后台框架+jQuery多级树形菜单打开选项卡

2、书写hmtl代码。<body class="easyui-layout"><div region="north" split="true" border="false" style="overflow: hidden; height: 30px;    background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;    line-height: 20px;color: #fff; font-family: Verdana, 微软雅黑,黑体"><span style="float:right; padding-right:20px;" class="head">欢迎 测柜员<a href="#" id="loginOut">安全退出</a></span><span style="padding-left:10px; font-size: 16px; "><img src="images/blocks.gif

网站后台框架+jQuery多级树形菜单打开选项卡

3、书写css代码。<style>  article, aside, figure, footer, header, hgroup,   menu, nav, section { display: block; }  .west{    width:200px;    padding:10px;  }  .north{    height:30px;  }</style>

网站后台框架+jQuery多级树形菜单打开选项卡

4、书写并添加js代码。<script  src="js/jquery.easyui.min.js"></script><script  src="js/main.js"></script>

网站后台框架+jQuery多级树形菜单打开选项卡

5、代码整体结构。

网站后台框架+jQuery多级树形菜单打开选项卡

6、查看效果。

网站后台框架+jQuery多级树形菜单打开选项卡

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢