jQuery UI开发指南
罗晴明, 包勇明 译
出版时间:2012年10月
页数:212
使用jQuery UI库,可以将jQuery的强大功能和统一标准,连同交互元素、动画和主题小组件,应用到用户界面设计中。这本简明的、以代码为主的入门指南,展示了如何利用HTML5中缺乏的一些交互功能,其中包括选项卡、折叠菜单和对话框等。通过阅读本书,你还将学会如何为普通但复杂的任务(比如管理拖放和自动补全)编写代码,使用户与网站之间的交互更加容易。
这是一本快速指南,采用每章详细地关注一个组件的方式,介绍了jQuery UI如何改进HTML页面。如果你是一位Web开发人员或者设计师,期望使用新的功能来丰富自己的网站,而又不用深入钻研JavaScript,本书是你的必备之选。
本书中涵盖了jQuery UI 1.8版本中的以下扩展:
· 选项卡管理;
· 折叠菜单;
· 对话框;
· 按钮;
· 进度条;
· 滑块;
· 日历;
· 自动补全;
· 拖放管理;
· 选择元素、缩放和元素调序;
· 新的视觉特效。
- 第1章 jquery ui介绍
- 1.1 jquery ui的安装
- 1.2 jquery ui概览
- 1.3 什么是css主题
- 1.4 在html页面中应该引入哪些文件
- 1.4.1 未压缩文件
- 1.4.2 压缩文件
- 1.5 更换css主题
- 1.6 准备开始
- 第2章 选项卡
- 2.1 选项卡的基本用法
- 2.2 格式化内容
- 2.3 tabs()方法
- 2.3.1 tabs(options)方法
- 2.3.2 tabs("action", params)方法
- 2.4 bind()方法
- 2.5 使用选项卡的示例
- 2.5.1 动态创建选项卡
- 2.5.2 使用ajax修改选项卡的内容
- .2.5.3 通过ajax把信息传输给服务器
- 2.5.4 使用选项卡的add方法
- 2.5.5 使用tabsadd事件
- 第3章 折叠菜单
- 3.1 折叠菜单的基本用法
- 3.2 格式化内容
- 3.3 accordion()方法
- 3.3.1 accordion(options)方法
- 3.3.2 accordion("action", params)方法
- 3.4 在折叠菜单上使用bind()管理事件
- 3.5 使用折叠菜单的示例
- 3.5.1 打开任意菜单
- 3.5.2 用ajax加载菜单内容:使用options
- 3.5.3 用ajax加载菜单的内容:使用accordionchange
- 第4章 对话框
- 4.1 对话框的基本用法
- 4.2 格式化内容
- 4.3 dialog()方法
- 4.3.1 dialog(options)方法
- 4.3.2 dialog("action", params)方法
- 4.4 在对话框中使用bind()处理事件
- 4.5 使用对话框的示例
- 4.5.1 打开和关闭对话框
- 4.5.2 在打开或者关闭对话框时应用特效
- 4.5.3 在关闭对话框时进行验证
- 4.5.4 隐藏关闭按钮
- 4.5.5 在对话框中插入按钮
- 4.5.6 使用ajax插入内容
- 4.5.7 使用特效来更改对话框的行为
- 第5章 按钮
- 5.1 按钮的基本用法
- 5.2 格式化内容
- 5.3 button()方法
- 5.3.1 button(options)方法
- 5.3.2 button("action", params)方法
- 5.4 在按钮上使用bind()处理事件
- 5.5 单选按钮
- 5.5.1 显示单选按钮
- 5.5.2 使用buttonset()方法改进显示
- 5.6 复选框
- 5.6.1 显示复选框
- 5.6.2 使用buttonset()方法改进显示
- 5.7 使用按钮的示例
- 5.7.1 在按钮上显示图标
- 5.7.2 创建计算器
- 第6章 进度条
- 6.1 进度条的基本用法
- 6.2 格式化内容
- 6.3 progressbar()方法
- 6.3.1 progressbar(options)方法
- 6.3.2 progressbar("action", params)方法
- 6.4 在进度条上使用bind()处理事件
- 6.5 使用进度条的示例
- 6.5.1 逐渐填充进度条
- 6.5.2 在完成过程中的不同阶段进行处理
- 第7章 滑块
- 7.1 滑块的基本用法
- 7.2 格式化内容
- 7.3 slider()方法
- 7.3.1 slider(options)方法
- 7.3.2 slider("action", params)方法
- 7.4 在滑块上使用bind()管理事件
- 7.5 使用滑块的示例
- 7.5.1 显示单个游标的值
- 7.5.2 显示两个游标的值
- 7.5.3 使用滑块来调整图片的透明度
- 第8章 日历
- 8.1 日历的基本用法
- 8.2 格式化内容
- 8.3 datepicker()方法
- 8.3.1 datepicker(options)方法
- 8.3.2 datepicker("action", params)方法
- 8.4 使用日历的示例
- 8.4.1 用其他语言显示日历
- 8.4.2 在日历中显示多个月份
- 8.4.3 显示静态日历
- 8.4.4 指定最小及最大日期
- 8.4.5 禁止选择特定的日期
- 8.4.6 预先选择任意日期
- 8.4.7 在选择日期时执行ajax请求
- 第9章 自动补全
- 9.1 自动补全的基本用法
- 9.2 格式化内容
- 9.3 autocomplete()方法
- 9.3.1 autocomplete(options)方法
- 9.3.2 autocomplete("action", params)方法
- 9.4 在建议列表上使用bind()管理事件
- 9.5 使用自动补全机制的示例
- 9.5.1 指定建议列表的宽度
- 9.5.2 打开html页面时即显示建议列表
- 9.5.3 在输入框获得焦点时显示建议列表
- 9.5.4 为建议列表的显示营造特效
- 9.5.5 动态创建建议列表
- 9.5.6 基于用户输入的数据动态创建建议列表
- 9.5.7 在建议列表中插入图片
- 第10章 拖放
- 10.1 draggable()方法
- 10.1.1 draggable(options)方法
- 10.1.2 draggable("action", params)方法
- 10.2 在移动元素上使用bind()管理事件
- 10.3 使用拖动功能的示例
- 10.3.1 在移动过程中执行额外处理
- 10.3.2 给移动施加一些限制
- 10.4 droppable()方法
- 10.4.1 droppable(options)方法
- 10.4.2 droppable("action", params)方法
- 10.5 在保管元素上使用bind()管理事件
- 10.6 使用放置功能的示例:购物车
- 10.6.1 使用拖放功能来创建一辆购物车
- 10.6.2 给购物车的放置过程添加视觉特效
- 10.6.3 从购物车中移除图书
- 第11章 选择元素
- 11.1 选择元素的基本用法
- 11.2 格式化内容
- 11.3 selectable()方法
- 11.3.1 selectable(options)方法
- 11.3.2 selectable("action", params)方法
- 11.4 在选区中使用bind()管理事件
- 11.5 使用选择机制的示例
- 11.5.1 显示选择序列中的事件发生顺序
- 11.5.2 禁止选择某特定元素
- 11.5.3 禁止通过点击来选择元素
- 11.5.4 管理购物车
- 第12章 页面内的元素调序
- 12.1 元素调序的基本用法
- 12.2 格式化内容
- 12.3 sortable()方法
- 12.3.1 sortable(options)方法
- 12.3.2 sortable("action", params)方法
- 12.4 使用bind()管理元素调换事件
- 12.5 使用元素调序机制的示例
- 12.5.1 显示事件出现的顺序
- 12.5.2 在列表中放置任何元素
- 第13章 缩放
- 13.1 缩放的基本用法
- 13.2 格式化内容
- 13.2 resizable()方法
- 13.2.1 resizable(options)方法
- 13.3.2 resizable("action", params)方法
- 13.4 在缩放元素上使用bind()处理事件
- 13.5 使用缩放机制的示例
- 13.5.1 缩放时显示元素的尺寸
- 13.5.2 缩放时显示元素的位置
- 13.5.3 在缩放过程中执行动画
- 13.5.4 创建一个可缩放的文本框
- 第14章 jquery ui中的视觉特效
- 14.1 新的视觉特效
- 14.1.1 effect(effectname, options, duration, callback)方法
- 14.1.2 blind特效
- 14.1.3 bounce特效
- 14.1.4 shake特效
- 14.1.5 clip特效
- 14.1.6 drop特效
- 14.1.7 explode特效
- 14.1.8 fold特效
- 14.1.9 highlight特效
- 14.1.10 puff特效
- 14.1.11 pulsate特效
- 14.1.12 scale特效
- 14.1.13 size特效
- 14.1.14 slide特效
- 14.2 show()、hide()以及toggle()方法
- 14.3 jquery ui提供的增强的animate()方法
- 14.3.1 管理颜色的css属性
- 14.3.2 新的easing选项值
- 14.4 使用css类生成特效
- 14.4.1 addclass()、removeclass()以及toggleclass()的增强型方法
- 14.4.2 switchclass()方法
- 14.4.3 使用toggleclass()方法的示例
书名:jQuery UI开发指南
译者:罗晴明, 包勇明 译
国内出版社:人民邮电出版社
出版时间:2012年10月
页数:212
书号:978-7-115-29523-1
原版书书名:jQuery UI
原版书出版商:O'Reilly Media
Eric Sarrion
Eric Sarrion管理着一个小型的培训与开发公司,曾为O'Reilly法国分部写过多本有关Rails、HTML/CSS、J2EE以及JavaScript方面的书。