<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用户登录</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="my page">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/menu/login.css">
<script type="text/javascript" src="<%=basePath%>js/jquery-3.3.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script src="${pageContext.request.contextPath}/js/ssm/login.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
ui,li {
list-style: none;
}
#news{
height: 24px;
overflow: hidden;
width: 300px;
border: solid 1px;
text-align: center;
}
</style>
</head>
<body>
<div id="news">
<ul>
<li>恭喜覃**获得法拉利一辆</li>
<li>恭喜黄**获得戒指一枚</li>
<li>恭喜董**获得创口贴一箱</li>
<li>恭喜梁**获得哇哈哈一辆</li>
<li>恭喜蓝**获得感冒药一辆</li>
</ul>
</div>
<script>
$(document).ready(function(){
$(function() {
var $this = $("#news");
var scrollTimer;
$this.hover(function() {
clearInterval(scrollTimer);
}, function() {
scrollTimer = setInterval(function() {
scrollNews($this);
}, 2000);
}).trigger("mouseleave");
function scrollNews(obj) {
var $self = obj.find("ul");
var lineHeight = $self.find("li:first").height();
$self.animate({
"marginTop": -lineHeight + "px"
}, 500, function() {
$self.css({
marginTop: 0
}).find("li:first").appendTo($self);
})
}
})
});
</script>
</body>
</html>