触发事件

<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>管理页面</title>

<%--<script src="<%=path%>/js/prototype.lite.js" type="text/javascript"></script>--%>
<%--<script src="<%=path%>/js/moo.fx.js" type="text/javascript"></script>--%>
<%--<script src="<%=path%>/js/moo.fx.pack.js" type="text/javascript"></script>--%>
<script>
function show() {
var answer=document.getElementById("answer")
if (answer.style.display==""){
answer.style.display="none"
} else{
answer.style.display=""
}
}
function showTwo() {
var answer2=document.getElementById("answer2")
if (answer2.style.display==""){
answer2.style.display="none"
} else{
answer2.style.display=""
}
}
function showThree() {
var answer3=document.getElementById("answer3")
if (answer3.style.display==""){
answer3.style.display="none"
} else{
answer3.style.display=""
}
}
function showFour() {
var answer4=document.getElementById("answer4")
if (answer4.style.display==""){
answer4.style.display="none"
} else{
answer4.style.display=""
}
}
function showFive() {
var answer5=document.getElementById("answer5")
if (answer5.style.display==""){
answer5.style.display="none"
} else{
answer5.style.display=""
}
}
function showSix() {
var answer6=document.getElementById("answer6")
if (answer6.style.display==""){
answer6.style.display="none"
} else{
answer6.style.display=""
}
}

function showOne() {
var answerOne=document.getElementById("answerOne")
if (answerOne.style.display==""){
answerOne.style.display="none"
} else{
answerOne.style.display=""
}
}

function showSecond() {
var answerTwo=document.getElementById("answerTwo")
if (answerTwo.style.display==""){
answerTwo.style.display="none"
} else{
answerTwo.style.display=""
}
}
</script>
<style>
body {
font:12px Arial, Helvetica, sans-serif;
color: #000;
background-color: #EEF2FB;
margin: 0px;
}
#container {
width: 182px;
}
H1 {
font-size: 12px;
margin: 0px;
width: 182px;
cursor: pointer;
height: 30px;
line-height: 20px;
}
H1 a {
display: block;
width: 182px;
color: #000;
height: 30px;
text-decoration: none;
moz-outline-style: none;
background-image: url("images/admin/images/menu_bgs.gif");
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
margin: 0px;
padding: 0px;
}
.content{
width: 182px;
height: 26px;

}
.MM ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: block;
}
.MM li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
list-style-type: none;
display: block;
text-decoration: none;
height: 26px;
width: 182px;
padding-left: 0px;
}
.MM {
width: 182px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}
.MM a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url("images/admin/images/menu_bg1.gif");
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/admin/images/menu_bg1.gif);
background-repeat: no-repeat;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
.MM a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/admin/images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: bold;
color: #006600;
background-image: url(images/admin/images/menu_bg2.gif);
background-repeat: no-repeat;
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
</style>
</head>

<body>
<table width="100%" height="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEF2FB">
<tr>
<td width="182" valign="top"><div id="container">
<h1 class="type"><a href="javascript:void(0)" onclick="showThree(),showFour(),showFive()" >旅游线路管理</a></h1>
<ul class="MM">
<li style="display: none" id="answer3"><a href="addLine.jsp" target="three">添加线路</a></li>
<li style="display: none" id="answer4"><a href="allLine.action" target="three">查看线路</a></li>
<li style="display: none" id="answer5"><a href="" target="three">修改线路</a></li>
</ul>

<h1 class="type"><a href="javascript:void(0)" onclick="showOne(),showSecond()" >团购信息管理</a></h1>
<ul class="MM">
<%--<li style="display: none" id="answer11"><a href="addLineType.jsp" target="three"></a></li>--%>
<li style="display: none" id="answerOne"><a href="allLine.action" target="three">查看线路</a></li>
<li style="display: none" id="answerTwo"><a href="updateLineType.jsp" target="three">查看团购</a></li>

</ul>

<h1 class="type"><a href="javascript:void(0)" onclick="show(),showTwo(),showSix()" >线路类型管理</a></h1>
<ul class="MM">
<li style="display: none" id="answer"><a href="addLineType.jsp" target="three">添加线路类型</a></li>
<li style="display: none" id="answer2"><a href="allLineType.action" target="three">查看线路类型</a></li>
<li style="display: none" id="answer6"><a href="updateLineType.jsp" target="three">修改线路类型</a></li>

</ul>

<%--<h1 class="type"><a href="javascript:void(0)" >团购信息管理</a></h1>--%>

<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>

</div>

</div>


<script type="text/javascript">
var contents = document.getElementsByClassName('content');
var toggles = document.getElementsByClassName('type');

var myAccordion = new fx.Accordion(
toggles, contents, {opacity: true, duration: 400}
);
myAccordion.showThisHideOpen(contents[0]);
</script>
</td>
</tr>
</table>
</body>
</html>
posted @ 2019-06-24 15:51  男吖学java  阅读(163)  评论(0编辑  收藏  举报