parent
6f4aac88f0
commit
3b0ce6ab27
@ -0,0 +1,2 @@
|
|||||||
|
#n:testsql
|
||||||
|
!<md> [null, 0, null, null, -2147483648, -2147483648]
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@ -0,0 +1,162 @@
|
|||||||
|
button{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.select-frame{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.search-frame{
|
||||||
|
position: absolute;
|
||||||
|
width: 350px;
|
||||||
|
height: 50px;
|
||||||
|
top:40px;
|
||||||
|
right: 60px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.14);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.search-button{
|
||||||
|
float: left;
|
||||||
|
background: url("images/search1.png");
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 55px;
|
||||||
|
height: 40px;
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
.search-button:hover{
|
||||||
|
background: url("images/search2.png");
|
||||||
|
}
|
||||||
|
.search-input{
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0 0 0 10px;
|
||||||
|
margin: 5px 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 0px;
|
||||||
|
float: left;
|
||||||
|
width: 280px;
|
||||||
|
height: 40px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
}
|
||||||
|
.search-input:hover{
|
||||||
|
background: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
.list-frame .list-child{
|
||||||
|
margin: 10px 5px;
|
||||||
|
height: 120px;
|
||||||
|
width: 98%;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow:4px 2px 5px rgba(0, 0, 0, 0.24);
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
.list-child:hover{
|
||||||
|
background: rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
|
.list-frame{
|
||||||
|
overflow-y: scroll;
|
||||||
|
right: 60px;
|
||||||
|
top: 100px;
|
||||||
|
position: absolute;
|
||||||
|
max-height: 700px;
|
||||||
|
width: 600px;
|
||||||
|
}
|
||||||
|
.select-it{
|
||||||
|
box-shadow:0px 2px 4px rgba(0, 0, 0, 0.22);
|
||||||
|
color: white;
|
||||||
|
float: right;
|
||||||
|
border-radius: 5px;
|
||||||
|
height: 40px;
|
||||||
|
width: 80px;
|
||||||
|
background-color: #1f1d1c;
|
||||||
|
margin: 40px 2px 40px 2px;
|
||||||
|
border: 0px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.select-it:hover{
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
.name{
|
||||||
|
background-color: #d1373d;
|
||||||
|
float: left;
|
||||||
|
height: 60px;
|
||||||
|
border-radius: 0px 5px 5px 0px;
|
||||||
|
width: 100px;
|
||||||
|
margin: 30px 0px;
|
||||||
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
|
||||||
|
}
|
||||||
|
.the-name{
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
width: 80px;
|
||||||
|
margin: 15px 0px 15px 12px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: white;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.count-select{
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
width: 200px;
|
||||||
|
top: 100px;
|
||||||
|
left: 100px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.count-select:hover{
|
||||||
|
top: 80px;
|
||||||
|
}
|
||||||
|
.select-blank{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.count-select:hover .select-blank{
|
||||||
|
display: block;
|
||||||
|
transition: height 1s;
|
||||||
|
height: 400px;
|
||||||
|
background-color: #252323;
|
||||||
|
width: 95%;
|
||||||
|
margin:0px 5px;
|
||||||
|
}
|
||||||
|
.count-select .selected-info{
|
||||||
|
width: 100%;
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #d1373d;
|
||||||
|
border-radius: 5px 5px 0px 0px;
|
||||||
|
height: 60px;
|
||||||
|
border-bottom:1px solid rgba(0, 0, 0, 0.17);
|
||||||
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
|
||||||
|
}
|
||||||
|
.count-select .selected-bottom{
|
||||||
|
border-top:1px solid rgba(228, 118, 118, 0.31);
|
||||||
|
transition: all 1s;
|
||||||
|
width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
background-color: #d1373d;
|
||||||
|
border-radius: 0px 0px 5px 5px;
|
||||||
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.27);
|
||||||
|
}
|
||||||
|
.other-msgs{
|
||||||
|
font-size: 10px;
|
||||||
|
float: left;
|
||||||
|
width: 350px;
|
||||||
|
height: 100px;
|
||||||
|
margin: 10px 0 10px 15px;
|
||||||
|
}
|
||||||
|
.other-msgs .one-msg{
|
||||||
|
float:left;
|
||||||
|
padding-left: 10px;
|
||||||
|
margin: 2px 2px;
|
||||||
|
width: 45%;
|
||||||
|
height:16px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.78);
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.one-msg:hover{
|
||||||
|
background-color: rgba(39, 39, 39, 0.78);
|
||||||
|
}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
<%--
|
||||||
|
Created by IntelliJ IDEA.
|
||||||
|
User: lenovo
|
||||||
|
Date: 2019/1/10
|
||||||
|
Time: 22:30
|
||||||
|
To change this template use File | Settings | File Templates.
|
||||||
|
--%>
|
||||||
|
<%@ page contentType="text/html;charset=UTF-8" language="java" import="java.util.Date" import="java.io.*,java.util.*" %>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Title</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="updated"><%
|
||||||
|
// 设置每隔5秒自动刷新
|
||||||
|
response.setIntHeader("Refresh", 5);
|
||||||
|
// 获取当前时间
|
||||||
|
Calendar calendar = new GregorianCalendar();
|
||||||
|
String am_pm;
|
||||||
|
int hour = calendar.get(Calendar.HOUR);
|
||||||
|
int minute = calendar.get(Calendar.MINUTE);
|
||||||
|
int second = calendar.get(Calendar.SECOND);
|
||||||
|
if(calendar.get(Calendar.AM_PM) == 0)
|
||||||
|
am_pm = "AM";
|
||||||
|
else
|
||||||
|
am_pm = "PM";
|
||||||
|
String CT = hour+":"+ minute +":"+ second +" "+ am_pm;
|
||||||
|
out.println("当前时间: " + CT + "\n");
|
||||||
|
%></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,35 @@
|
|||||||
|
$(document).ready(function () {
|
||||||
|
$(document).off('click',searchmsg).on('click','.search-button',searchmsg);
|
||||||
|
$(document).off('keydown',searchmsg).on('keydown','.search-input',KDsearchmsg);
|
||||||
|
$(document).off('click',select_one).on('click','.select-it',select_one);
|
||||||
|
})
|
||||||
|
function searchmsg(e) {
|
||||||
|
if($('.search-input').val()=='')
|
||||||
|
{
|
||||||
|
e.preventDefault();
|
||||||
|
alert('请输入学号');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var id=$('.search-input').val();
|
||||||
|
var rqDate={"id":id};
|
||||||
|
var Url1='result_list.jsp';
|
||||||
|
$('.list-frame').load(Url1,rqDate);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function KDsearchmsg(e) {
|
||||||
|
if(e.keyCode==13)
|
||||||
|
{
|
||||||
|
searchmsg(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function select_one() {
|
||||||
|
var id=$('.select-it').val();
|
||||||
|
var selectDate={"id":id};
|
||||||
|
var Url2='select';
|
||||||
|
$.post(Url2,selectDate,function (data ,status) {
|
||||||
|
if(status==200)
|
||||||
|
{
|
||||||
|
alert('操作成功');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
Loading…
Reference in new issue