jQuery UI.Layout Plug-in做框架

2016-02-20 01:11 55 1 收藏

下面是个jQuery UI.Layout Plug-in做框架教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

jQuery UI.Layout Plug-in

jQuery还是蛮夯的家伙。 CSS+DIV时代，要编排个页框的版面还真不简单，如果又是对为对于网页的layout不是很在行的人，非常适合这套jQuery UI.Layout Plug-in。

这个plugin的功能真的还蛮强大的，我觉得其中比较特殊的是下面这几点：

collapsable：每一个pane都可以收合，而且还可以加上jQuery特效
resizable：每一个pane都可以缩放，而且还可以限制缩放的大小
hotkeys：每一个pane都可以用键盘的方向键来操作，甚至自订快速键(这个最酷！)

大家可以直接点选一下上面的iframe，然后压着ctrl再按方向键，你就会知道这个自订快速键是什么意思啰。非常推荐这个plugin，简直是拯救了我们这种对layout完全不在行的工程师呀！！！有更多进阶范例可以直接到demo页面看看喔。

来源:http://www.tulaoshi.com/n/20160220/1633435.html

上一篇：网页每次加载调用不同CSS样式表
下一篇： win7安装IE10提示：在安装前需要更新的问题

看过《jQuery UI.Layout Plug-in做框架》的人还看了以下文章更多>>

jquery.ui.draggable中文文档

标签： Web开发

注意事项: 1. 以下格式为既定的格式, 为了统一性, 需要修改时, 大家商议 2. 格式中的所有项都是选填, 如果没有, 不写就是了. 3. 由于是XML格式的, 所以, 所有标签中间填写文本的地方(最重要是代码, 一定要加, 不然以后解析有困难), 都需要加上 !--[CDATA[这中间写内容]] 4. 翻译过程中, 一块对应的是一个translate /标签. 5. 希望大家工作...

ajax框架web ui 库 -- qooxdoo使用感想

标签： Web开发

本来是计划让团队内的同事一起总结使用qooxdoo的使用经验和困难，然后写些关于使用qooxdoo的总结供大家参考，但因为项目的原因到现在也没有时间办这件事情，所以打算还是零零碎碎的写一点是一点，乱就乱了，今后再整理。另外最近发现其实国内还是有不少人关注和使用qooxdoo的，所以立马写下这个帖子抛砖引玉。 ...

各种效果的jquery ui(接口)介绍

标签： Web开发

基本的鼠标互动：拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果：手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow) 第一部分：鼠标交互 1.1 Draggables:拖拽所需文件： ...

jquery.ui.progressbar 中文文档

标签： Web开发

代码如下: ？xml version="1.0" encoding="UTF-8" ？ !-- 注意事项: 1. 以下格式为既定的格式, 为了统一性, 需要修改时, 大家商议 2. 格式中的所有项都是选填, 如果没有, 不写就是了. 3. 由于是XML格式的, 所以, 所有标签中间填写文本的地方(最重要是代码, 一定要加, 不然以后解析有困难), 都需要加上![CDATA[这中间写内容]] 4. 翻译过...

jquery ui dialog里调用datepicker的问题