触发事件
Posted wzn520
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了触发事件相关的知识，希望对你有一定的参考价值。
<%@ 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>
以上是关于触发事件的主要内容，如果未能解决你的问题，请参考以下文章