河北省科技政策查询系统需求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>教师系统</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script src="layui/layui.js" charset="utf-8"></script>
<style>
.www {
background-color: white;
}
</style>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header" style="background-color: whitesmoke">
<div class="layui-logo layui-hide-xs layui-bg-black">科技政策查询系统</div>
<!-- 头部区域（可配合layui 已有的水平导航） -->
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-md" lay-header-event="menuLeft">
<i class="layui-icon layui-icon-spread-left"></i>
</li>
<li class=" layui-hide-xs" style="color:deepskyblue ;vertical-align: center">
<img src="layui/LOGO.png" alt="" width="45" height="45" style="margin-bottom:4px">
<span style="padding-top: 10px;font-size: 35px">科技政策查询系统</span>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-md-inline-block">
<a href="javascript:;">
<img src="layui/BIN.png" class="layui-nav-img">
<span style="color: black">1111</span>
</a>
</li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree layui-bg-black" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">科技文档管理</a>
<dl class="layui-nav-child">
<dd><a href="tech.html">科技文档管理</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<!-- <div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>-->
<iframe src="" id="main" height="100%" width="100%"> </iframe>
</div>
<div class="layui-footer layui-bg-black">
<!-- 底部固定区域 -->
<div style="text-align: center">Copyright 1996-2022 All Rights Reserved 版权所有：河北省科学技术情报研究院 河北省科技创新战略研究院 技术支持：河北省科技信息处理实验室。</div>
</div>
</div>
<script src="./layui/layui.js"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
var $=layui.jquery;
$(document).ready(function (){
$("dd>a").click(function (e) {
e.preventDefault();
$('#main').attr("src",$(this).attr("href"));
});
});
//头部事件
util.event('lay-header-event', {
//左侧菜单事件
menuLeft: function(othis){
layer.msg('展开左侧菜单的操作', {icon: 0});
}
,menuRight: function(){
layer.open({
type: 1
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt' //右上角
,anim: 5
,shadeClose: true
});
}
});
});
</script>
</body>
</html>
标签：24,function,layer,22,每周,layui,util,科技,nbsp From： https://www.cnblogs.com/bin1004/p/17023252.html