正文 主页 > 站长学院 > 网络编程 >

jsp中折叠式标签的代码实现

下载我资源网

将代码和附件中带的css和js部署到项目中去即可运行  <%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>无标题文档</title>
  <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
  <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <div id="Accordion1" class="Accordion" tabindex="0">
  <div class="AccordionPanel">
  <div class="AccordionPanelTab">标签 1</div>
  <div class="AccordionPanelContent">内容 1</div>
  </div>
  <div class="AccordionPanel">
  <div class="AccordionPanelTab">标签 2</div>
  <div class="AccordionPanelContent">内容 2</div>
  </div>
  </div>
  <script type="text/javascript">
  var Accordion1 = new Spry.Widget.Accordion("Accordion1");
  </script>
  </body>
  </html>
  附件解压后放到webroot下。
-- 展开阅读全文 --