<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="${ctx}/s/libs/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/s/libs/marquee.js"></script>
<style type="text/css">
.wrap,.box{margin-bottom:10px;}
.wrap ul,.wrap .ul{overflow:hidden;clear:both;*zoom:1;}
.wrap li,.wrap .li{list-style:none;width:120px;height:80px;padding:5px;background:#ccc;margin:2px 5px 10px 5px;font:700 30px/80px Arial;text-align:center;}
</style>
</head>
<body style="text-align: center;">
<div id="wrap7" class="wrap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#wrap7').marquee({
auto: true,
interval: 2000,
showNum: 3,
stepLen: 3,
type: 'vertical'
});
})
</script>
</body>
</html>
