You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.5 KiB
84 lines
2.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!--输出,条件,迭代标签库-->
|
|
<%@ page pageEncoding="utf-8" %>
|
|
<head>
|
|
<c:import url="head.jsp"/>
|
|
<script>
|
|
|
|
$(function () {
|
|
$("#navSpan").click(function () {
|
|
prefix = 'fas fa-angle-double-';
|
|
if ($("#navbarNavDropdown").is(":hidden")) {
|
|
$(this).find('i').attr('class', prefix + 'up');
|
|
$(this).find('b').text('Close');
|
|
} else {
|
|
$(this).find('i').attr('class', prefix + 'down');
|
|
$(this).find('b').text('Open');
|
|
}
|
|
});
|
|
|
|
|
|
$("#tabs").on('mouseenter', 'button', function () {
|
|
$(this).find("i").show();
|
|
});
|
|
|
|
$("#tabs").on('mouseleave', 'button', function () {
|
|
$(this).find("i").hide();
|
|
});
|
|
|
|
$("#tabs").on('click', 'button', function () {
|
|
$(this).addClass('active');
|
|
$(this).siblings().removeClass('active');
|
|
|
|
});
|
|
|
|
$("#tabs").on('click', 'i', function () {
|
|
$(this).parent().remove();
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<nav class="navbar navbar-dark bg-info">
|
|
<button class="btn btn-primary col-1" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
|
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span id="navSpan"><b>Close</b> <i class="fas fa-angle-double-up"></i></span>
|
|
</button>
|
|
|
|
<div class="btn-group" role="group" aria-label="Basic example" id="tabs">
|
|
|
|
</div>
|
|
|
|
<form class="form-inline">
|
|
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn btn-primary" type="submit">Search</button>
|
|
</form>
|
|
|
|
</nav>
|
|
<div class="show" id="navbarNavDropdown">
|
|
<div class="row">
|
|
|
|
<c:import url="/menu?firstResult=0&maxResults=0"></c:import>
|
|
|
|
|
|
<div class="col-10">
|
|
<!-- 16:9 aspect ratio -->
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<iframe id="myIframe" class="embed-responsive-item" src="/test"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|