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