113 lines
3.2 KiB
Plaintext
113 lines
3.2 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
|
<!DOCTYPE html>
|
|
<!-- <html lang="zh-CN"> -->
|
|
<!-- BEGIN HEAD -->
|
|
<head>
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
|
<!-- 引用页头及CSS页-->
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|
<style type="text/css">
|
|
.left{
|
|
width:75%;
|
|
height:100%;
|
|
margin:0;
|
|
padding:0;
|
|
float:left;
|
|
}
|
|
.right{
|
|
color:#61DEFF;
|
|
width:25%;
|
|
height:100%;
|
|
margin:0;
|
|
padding:0;
|
|
float:left;
|
|
}
|
|
.rightSon{
|
|
width:100%;
|
|
height:33%;
|
|
margin:0;padding:0;
|
|
}
|
|
.DateTime{
|
|
text-align:center;
|
|
}
|
|
.DateTime::before{
|
|
display: inline-block;
|
|
content: "";
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
.DateTimePosition{
|
|
width:100%;
|
|
height:50%;
|
|
float:left;
|
|
}
|
|
.Date{
|
|
font-size:40px;
|
|
height:50%;
|
|
}
|
|
.Day{
|
|
font-size:50px;
|
|
height:50%;
|
|
}
|
|
.Time{
|
|
font-size:70px;
|
|
}
|
|
.Seconds{
|
|
font-size:40px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
BodyHeight();
|
|
setInterval(function(){
|
|
var myDate = new Date;
|
|
var year = myDate.getFullYear(); //获取当前年
|
|
var mon = myDate.getMonth() + 1; //获取当前月
|
|
var date = myDate.getDate(); //获取当前日
|
|
var h = myDate.getHours();//获取当前小时数(0-23)
|
|
var m = myDate.getMinutes();//获取当前分钟数(0-59)
|
|
var s = myDate.getSeconds();//获取当前秒
|
|
var week = myDate.getDay();
|
|
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
|
$("#date").html(year + "年" + mon + "月" + date + "日");
|
|
$("#day").html(weeks[week]);
|
|
$("#time").html(h + ":" + m +" <font class='Seconds'>"+s+"</font>");
|
|
}, 1000);
|
|
})
|
|
$(window).resize(function () {
|
|
//执行代码块
|
|
BodyHeight();
|
|
});
|
|
function BodyHeight() {
|
|
$("#main").height($(window).height());
|
|
var width = $(window).width();
|
|
$(".Date").css("font-size",(40*(width/1920))+"px");
|
|
$(".Day").css("font-size",(50*(width/1920))+"px");
|
|
$(".Seconds").css("font-size",(40*(width/1920))+"px");
|
|
$(".Time").css("font-size",(70*(width/1920))+"px");
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body style="margin:0;padding:0">
|
|
<div id="main" style="width:100%;height:100%;margin:0;padding:0;background-color:#182E53;">
|
|
<div class="left"></div>
|
|
<div class="right">
|
|
<div class="rightSon">
|
|
<div id="time" class="DateTime DateTimePosition Time"></div>
|
|
<div class="DateTimePosition">
|
|
<div id="day" class="DateTime Day"></div>
|
|
<div id="date" class="DateTime Date"></div>
|
|
</div>
|
|
</div>
|
|
<div class="rightSon"><img src="<%=request.getContextPath()%>/IMG/demo/shengchan.png" style="width:100%;height:100%;"alt="" /></div>
|
|
<div class="rightSon"><img src="<%=request.getContextPath()%>/IMG/demo/shengchan.png" style="width:100%;height:100%;"alt="" /></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |