http://www.ligerui.com/
简单的实例:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
$(function(){
$("li:has(ul)").click(function(e){
if(this==e.target)
{
if($(this).children().is(":hidden"))
{
//如果子项是隐藏的则显示
$(this).css("list-style-image","url(css/imagesSrc/0_03_.gif)").children().show();
}else
{
$(this).css("list-style-image","url(css/imagesSrc/0_03.gif)").children().hide();
}
}
return false;
}).css("cursor","pointer").click();
//对于没有子项的菜单,统一设置
$("li:not(:has(ul))").css({
"cursor":"default",
"list-style-image":"none"
});
});
</script>
</head>
<body>
<div>
<ul>
<li>第1章</li>
<li>第2章</li>
<li>第3章
<ul>
<li>第3.1节</li>
<li>第3.2节
<ul>
<li>第3.2.1节</li>
<li>第3.2.2节</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
分享到：
相关推荐
LigerUI是一个轻量级的前端框架，它以简洁、高效为设计原则，提供了一系列与后台技术无关的UI组件，如表格、表单、下拉菜单、对话框、按钮、树形结构等。这些组件具有良好的跨浏览器兼容性，支持主流的现代浏览器，...
LigerUI是一款强大的JavaScript界面开发框架，主要用于构建高效、易用且美观的Web应用程序。它的V1.2.5版本提供了全面的组件和功能，帮助开发者实现列表、编辑和图标等界面元素的一体化集成。在这款压缩包“ligerui-...
1. **组件丰富**：LigerUI包含了各种常见的前端组件，如表格、树形结构、下拉框、按钮、表单、对话框、面板、日期选择器等，满足开发者在构建页面时的各种需求。 2. **高度可定制化**：每个组件都提供了丰富的配置...
ligerUI 教程API手册，方便查询
**jQuery LigerUI 中文 API 知识点详解** jQuery LigerUI 是一款基于 jQuery 的前端组件库，它提供了一套完整的用户界面解决方案，适用于快速构建功能丰富的 Web 应用程序。LigerUI 包含了大量的组件，如表格、表单...
1. **LigerUI组件**：LigerUI提供了多种组件，如按钮、表单、表格、对话框、下拉菜单、分页、树形结构、图表等。这些组件都有各自的API和配置选项，帮助开发者实现各种交互效果。 2. **使用方法**：文档会详细介绍...
1. **组件丰富**：LigerUi提供了一系列UI组件，如表格（Grid）、表单（Form）、下拉框（ComboBox）、日期选择器（DatePicker）、树形结构（Tree）、对话框（Dialog）等，覆盖了日常开发中的多种场景。 2. **数据...
首先，LigerUI是一个全面的JavaScript组件库，它包含了诸如表格、表单、对话框、菜单、树形结构等常见的Web界面元素。这些组件设计得既美观又实用，能够满足各种类型的项目需求。在LigerUI 1.1.9这个版本中，开发者...
1. **组件丰富**：ligerUI提供了如表格（Grid）、表单（Form）、下拉框（ComboBox）、树形控件（Tree）、日期选择器（DatePicker）、弹出层（Dialog）、提示信息（Message）等常用的前端组件，覆盖了大部分Web应用的...
LigerUI 提供了一系列精心设计的UI组件，包括但不限于按钮、表单控件、布局、表格、对话框、菜单、树形结构和图表等。这些组件都经过了优化，能够快速响应用户的交互，为用户提供流畅的体验。 2. **JSON 数据驱动*...
6. **树形结构与导航**：对于有层次结构的数据，如组织结构、权限管理等，ligerUI的树形组件能直观地展示和操作这些数据。同时，它还可以用于构建多级菜单，增强后台系统的导航体验。 7. **AJAX技术**：ligerUI利用...
1. **组件丰富**：ligerUI包含了如表格、表单、对话框、按钮、菜单、日历、树形结构、分页、上传、下拉框等众多常用的UI组件，几乎涵盖了网页开发中所需的所有基本元素。 2. **易于使用**：ligerUI的API设计简洁...
在功能上，ligerUI涵盖了一系列常见的UI组件，如表格、表单、下拉菜单、按钮、对话框、树形结构、日历等。这些组件都经过精心设计，具有良好的交互性和响应性，确保在各种设备和浏览器上都能有稳定的表现。ligerUI还...
jQuery LigerUI V1.3.2中的主要组件包括表格（Grid）、表单（Form）、对话框（Dialog）、下拉选择框（ComboBox）、日期选择器（DatePicker）、树形控件（Tree）、面板（Panel）、提示（Tip）等。这些组件涵盖了网页...
LigerUI基于jQuery，提供了一系列易于使用的UI组件，包括但不限于表格、下拉框、日期选择器、对话框、树形结构、表单验证等。这些组件在保持轻量级的同时，提供了丰富的功能和高度的可定制性。框架的核心设计理念是...
1. **组件丰富**：LigerUI提供了如表单控件（输入框、下拉框、日期选择器等）、数据网格、树形结构、弹出窗口、对话框、分页、按钮、提示信息等多种组件，满足了后台管理界面常见的需求。 2. **易用性**：基于...
首先，LigerUI的菜单树组件是后台页面中常见的导航工具，它允许用户以层次结构的方式展示和访问各种功能模块。通过使用LigerUI的菜单树，开发者可以轻松地定义各个菜单项的层级关系，设置展开和折叠效果，以及添加...
1. **丰富的组件**：Liger UI 提供了多种UI组件，如表格（Grid）、表单（Form）、下拉框（ComboBox）、树形控件（Tree）、分页（Pager）、日期选择器（DatePicker）、对话框（Dialog）等，这些组件设计精美且易于...
Java环境中的LigerUI是一个基于JavaScript的前端开发框架，它为开发者提供了丰富的UI组件和便捷的API，使得在Web应用中构建用户界面变得更加容易。LigerUI尤其适合那些熟悉Java后端开发但对前端开发相对陌生的新手，...
jQuery LigerUI是由中国开发者设计并维护的开源项目，它集成了大量的UI组件，包括表格、下拉框、按钮、表单、对话框、树形结构等，旨在简化前端开发流程。LigerUI的核心优势在于其与jQuery的紧密集成，使得开发者...