<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>纯CSS3环形菜单动画DEMO演示</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css"
rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/font-awesome.min.css"
rel="stylesheet">
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/css/zzsc.css">
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/css/cat.css">
</head>
<body>
<div class="demo">
<div class="container">
<div class="row">
<div class="col-md-12" style="width: 17%;">
<div class="navbar">
<iframe frameborder="0" scrolling="no" id="cat"
src="${pageContext.request.contextPath}/test/toCat.action"
width="100%" height="100%"></iframe>
<ul class="menu">
<li><a href="#" class="fa fa-medkit" title="治疗"></a></li>
<li><a href="#" class="fa fa-gamepad" title="挑逗"
onclick='$("#cat")[0].contentWindow.tiaodou();'></a></li>
<li><a href="#" class="fa fa-bed" title="休息"
onclick='$("#cat")[0].contentWindow.sleep();'></a></li>
<li><a href="#" class="fa fa-bath" title="洗澡"></a></li>
<li><a href="#" class="fa fa-bug" title="喂食"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>