- 1、本文档共44页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jQuery LigerUI框架 回顾 jqPlot插件的使用 线状图、柱状图、饼状图的绘制 使用DB做为图表数据源 学习目标 使用jQuery LigerUI框架进行页面的布局 使用jQuery LigerUI框架进行页面的导航 使用jQuery LigerUI框架进行表单的设计和校验 使用jQuery LigerUI框架进行表格的设计 使用jQuery LigerUI框架进行表格数据的编辑 jQuery LigerUI 框架 jQuery LigerUI 是基于jQuery的一系列UI控件组合,致力于快速打造Web前端界面解决方案。 jQuery LigerUI是前端控件,可以适合.net、jsp、php等web服务器环境。(/p/ligerui/downloads/list) 页面布局(折叠面板) Accordion的参数和方法: 页面布局(折叠面板) 例1(accordion.html) 页面布局(折叠面板) 1.引入JS文件和样式文件 <link href="Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="base.js" type="text/javascript"></script> <script src="ligerAccordion.js" type="text/javascript"></script> 2.使用LigerUI的accordion插件 $("#accordion1").ligerAccordion(); var g= $("#accordion1").ligerAccordion(); $("#accordion1").ligerAccordion({height: 300,speed:"slow"}); 页面布局(折叠面板) 获取属性的值 方式一 alert('height:' + g.get('height')); 方式二 alert('speed:' + $("#accordion1").ligerAccordion('option', 'speed')); 设置属性的值 方式一 g.set( 'height ', 400); 方式二 $("#accordion1").ligerAccordion('option','speed','fast'); 页面布局(折叠面板) 如何调用方法 方式一 g.setHeight(500); 方式二 $("#accordion1").ligerAccordion('setHeight',450); 页面布局(网页选项卡) 页面布局(网页选项卡) 例2: 页面布局(网页选项卡) 1、引入JS文件 <link href="Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="base.js" type="text/javascript"></script> <script src="ligerTab.js" type="text/javascript"></script> 2、使用LigerUI的Tab插件 $("#navtab1").ligerTab({ dblClickToClose: false }); 页面布局(网页选项卡) 使用网页做为tab页 设置事件 页面布局(网页选项卡) 调用方法 页面布局(网页选项卡) 例3: 页面布局(Layout) 页面布局(Layout) 例4: 页面布局(Layout) 1.引入JS文件和CSS样式 <link href="Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="base.js" type="text/javascript"></script> <script src="ligerLayout.js" typ
您可能关注的文档
- C语言程序设计教学课件:第2章 数据类型、运算符与表达式.ppt
- C语言程序设计教学课件:第3章 数据的输入和输出.ppt
- C语言程序设计教学课件:第4章 选择结构.ppt
- C语言程序设计教学课件:第6章 循环结构.ppt
- C语言程序设计教学课件:第7章 函数.ppt
- C语言程序设计教学课件:第8章 编译预处理.ppt
- C语言程序设计教学课件:第9章 指针.ppt
- C语言程序设计教学课件:第11章 文件.ppt
- C语言程序设计教学课件:函数学习指导.ppt
- C语言程序设计教学课件:基于逻辑的选择编程.ppt
- 仓库保管员述职报告 仓库保管员述职报告总结 (21篇).docx
- 教师高级职称述职报告 教师高级职称述职报告要求字数多少 (17篇).docx
- 加油站经理述职报告 加油站经理述职报告2023年 (17篇).docx
- 销售主管述职报告范文 销售主管述职报告范文大全 (17篇).docx
- 机修班长述职报告 机修班长述职报告 (20篇).docx
- 村干部半年述职报告 村干部半年述职报告 (17篇).docx
- 学生会组织部述职报告 (15篇).docx
- 教师职称评定述职报告 初中教师职称评定述职报告 (17篇).docx
- 信贷述职报告 信贷述职报告怎么写 (17篇).docx
- 入党述职报告范文 入党述职报告范文大全 (19篇).docx
文档评论(0)