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>
分享到：
相关推荐
jQuery LigerUI控件丰富，包括基础、导航、布局、表单、表格、树形、窗口等 基础：Resizable、Drag、Tip 导航：Menu、MenuBar、ToolBar 布局：Layout、Tab 表单：Form、TextBox、Button、CheckBox、ComboBox...
ligerUI 教程API手册，方便查询
解决ligerUI多选框ligerCombobox多选时未能勾选中的问题。下载此js文件，直接引入到你的页面，调用setMultiSelect（value,text）这个方法就可以了。
使用LigerUI制作的一个简单的后台页面，包括菜单树，表格操作等等最基本的功能
jQuery+LigerUI 前端框架，包括 整体主页框架，弹窗，菜单，下拉框，树形菜单，下拉框，表单，Tab，面板，布局，ListBox
使用LigerUI可以快速轻松地创建风格统一的界面效果。V1.3.2更新记录[优化]控件增加对data-XXX自动属性的加载[优化]所有异步加载数据组件都设置ajaxType参数[优化]优化editorBulider(html自动表单创建自定义函数)，使...
LigerUI是一个功能强大且灵活的UI组件库，提供了一系列的UI控件，例如表格、树、菜单、按钮等。LigerUI的控件都是基于Web标准的，可以轻松地与HAP框架集成，构建出丰富的应用程序。LigerUI提供了一个完整的控件生命...
ligerRM V2是基于 ligerui的web应用系统。以权限管理作为设计重点，引入Northwind作为主要的数据演示模块。权限方面，在上一个版本的基础上面加多了数据权限控制。后台方面采用dot net 3.5框架开发。 系统演示：...
树形组件是LigerUI的常用组件，旨在帮助开发者快速构建高质量的树形界面。 3.3. 按钮组件 按钮组件是LigerUI的常用组件，旨在帮助开发者快速构建高质量的按钮界面。 3.4. 对话框组件 对话框组件是LigerUI的常用...
jQuery LigerUI控件丰富，包括基础、导航、布局、表单、表格、树形、窗口等 基础：Resizable、Drag、Tip 导航：Menu、MenuBar、ToolBar 布局：Layout、Tab 表单：Form、TextBox、Button、CheckBox、ComboBox、...
jQuery LigerUI(控件丰富，包括基础、导航、布局、表单、表格、树形、窗口等) 基础：Resizable、Drag、Tip 导航：Menu、MenuBar、ToolBar 布局：Layout、Tab 表单：Form、TextBox、Button、CheckBox、ComboBox、...
ligerui之ligerTree_all：博客：《ligerui_ligerTree_001_第一个“树”效果》
ligerGrid的功能列表： 1,支持本地数据和服务器数据(配置data或者url) 2,支持排序和分页(包括Javascript排序和分页) 3,支持列的“显示/隐藏” 4,支持明细行(表格内嵌) 5,支持汇总行 ...8,支持树表格(待加入)
jQuery Liger UI框架，弹窗、菜单、下拉框、表格、布局、树、表单
获取最新代码 可以到http://ligerui.googlecode.com下载最新代码。... ligerUI是什么 jQuery LigerUI控件丰富，包括基础、导航、布局、表单、表格、树形、窗口等 基础：Resizable、Drag、Tip 导航：M
[优化]优化表单,每个表单插件(ligerTextBox、ligerSpinner等)可以通过属性ligerui自动加载参数，如ligerui="{width:200}" 表格 [优化]gridRows和Total字段名可配置，提交给服务器的参数可配置，所有与用户操作交互...
第一个例子 简介 ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。 支持本地数据和服务器数据(配置data或者url) 支持排序和分页(包括...
封装好的JQuery LigerUI包含了过滤器，弹窗，菜单，下拉框，树，ListBox，表单，表格，Tab，面板，布局等多项详细功能
包含了所有网站前、后台所用插件(列表，树、表格对、表单特效、日期选择等，欢迎朋友们下载使用)
结构清晰界面美观的树形结构LIGERUI。