zoukankan      html  css  js  c++  java
  • 触发事件

    <%@ 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 {
    182px;
    }
    H1 {
    font-size: 12px;
    margin: 0px;
    182px;
    cursor: pointer;
    height: 30px;
    line-height: 20px;
    }
    H1 a {
    display: block;
    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{
    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;
    182px;
    padding-left: 0px;
    }
    .MM {
    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;
    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;
    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;
    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;
    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>
  • 相关阅读:
    2017.4.6下午
    2017.4.6上午
    2017.3.31下午
    2017.4.5下午
    2017.4.5上午
    2017.4.1上午
    2017.3.31上午
    2017.3.28下午
    2017.3.28上午
    3.28上午
  • 原文地址:https://www.cnblogs.com/wzn520/p/11077531.html
Copyright © 2011-2022 走看看