`
hanyannan0123
  • 浏览: 15360 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

介绍一款jQuery页面布局插件

阅读更多

插件:jQuery UI.Layout

功能:这是一个模仿ExtJS区域布局(Border Layout)实现的jQuery UI页面布局管理器。简单易于使用,东南西北中5个区域可以嵌套使用,外观可以通过CSS控制。

====================================================

由于项目中需要用到,所以研究了一下,现在分享一下我对此插件的认识。

此款插件的现实与其他插件的实现之间区别就在于,一般情况下其他插件都会有自己的css文件,进行对样式的定义,而这款插件是预定义了N个class,然后让你去实现css文件。

所以研究这款插件的关键在于弄清楚到底jQuery UI.Layout提供了多少个预定义的类。

 

有一点需要申明的是,jQuery UI.Layout自定义类名虽然可供了丰富的操作性,但是对于简单的布局是不需要的,而且会在后续的维护很难受。

 

插件主页:http://layout.jquery-dev.net/index.html

1
0
分享到:
评论
6 楼 suyang119 2013-05-22  
能具体分享一下学习成果吗?
5 楼 dongtianlaile 2011-04-13  
说实话,做的确实跟Ext有点差距
4 楼 yvfish 2011-01-17  
兄弟。讲详细点,关于它的样式那块的
3 楼 ejzhang 2011-01-10  
jQuery EasyUI
http://jquery-easyui.wikidot.com/
2 楼 liliang205 2010-04-12  
和Ext差远了
1 楼 dean_liu 2010-04-05  
你好,请问你有比较像EXT的样式吗?

相关推荐

    jQuery拖拽布局插件Portal

    "jQuery拖拽布局插件Portal"是基于jQuery的一个扩展,专门用于实现用户界面元素的拖放和自定义布局功能。在网页设计和开发中,这种插件能够为用户带来高度互动性和个性化体验,常应用于仪表盘、工作台或自定义配置...

    jQuery布局插件portal.zip

    jQuery布局插件Portal是一款基于jQuery库的强大且灵活的前端页面布局工具。它允许开发者轻松创建复杂多样的网页布局,包括网格系统、响应式设计、可拖拽区域以及自定义布局模式。这款插件极大地简化了前端开发过程中...

    完美的jquery页面布局

    本主题“完美的jQuery页面布局”将深入探讨如何利用jQuery实现高效且响应式的页面布局,以提升用户体验。 首先,jQuery的核心库`jquery.js`是所有jQuery功能的基础,它包含了一系列用于操作HTML元素、处理事件、...

    Jquery拖拽布局插件

    在Web应用程序中,JQuery拖拽布局插件是一种实用工具,允许用户通过直观的拖放功能来调整页面元素的位置,从而实现自定义布局。这种功能对于创建动态、交互性强的网页非常有用,比如在线设计工具、项目管理应用或...

    jquery.layout 布局插件精简版

    `jQuery.layout`是一款强大的前端布局工具,它基于流行的JavaScript库jQuery构建,旨在简化网页和应用程序的页面布局工作。这个精简版是针对原版`jQuery.layout`进行了优化,去除了部分非核心功能,特别是去除了对`...

    jQuery支持自定义拖拽布局插件Portal.zip

    这个“jQuery支持自定义拖拽布局插件Portal.zip”文件显然是一个包含jQuery插件的压缩包,该插件允许用户在网页上创建可自定义拖放的布局。在本文中,我们将深入探讨jQuery、拖拽布局以及如何利用这种插件来增强用户...

    jQuery布局插件GridManager

    在Web开发中,页面布局设计是至关重要的,而jQuery GridManager是一款强大的布局管理插件,它允许开发者创建出可编辑的网格系统,用户可以根据需求自由调整每个网格的大小、数量及位置。这款插件特别适合于需要高度...

    等高卡片布局jQuery插件

    总的来说,等高卡片布局jQuery插件是提高网页设计美感的一种有效手段,通过它,开发者可以轻松实现卡片的统一高度,使得页面看起来更加整洁和专业。而jQuery库的使用,则进一步简化了这一过程,使得前端开发更加高效...

    jquery页面宽度调整插件.rar

    本文将深入探讨一个名为“jQuery页面宽度调整插件”的工具,它在实现动态页面宽度调整方面发挥着关键作用。 首先,我们需要理解什么是jQuery。jQuery是由John Resig创建的一个轻量级的JavaScript库,它的目标是使...

    jQuery基于gridster.js可拖动网格布局插件.zip

    总的来说,`jQuery基于gridster.js可拖动网格布局插件.zip`提供了一个强大的工具,帮助开发者快速创建动态、可定制的网格布局。通过学习和利用这个插件,你可以为你的Web应用增加更多互动性和可视化效果,提升用户...

    jQuery页面引导插件

    **jQuery页面引导插件**是Web开发中一种实用的工具,它主要目的是为了提升新用户的体验,通过创建交互式的引导流程,帮助用户了解并熟悉产品的各项功能。在现代Web应用程序中,良好的用户体验(UX)至关重要,而页面...

    jquery 强大拖拽布局插件

    总的来说,这个jQuery拖拽布局插件提供了一个直观、可定制的用户界面,使得非程序员也能轻松调整页面布局,提升了Web应用的用户体验。开发者可以通过学习和使用这个插件,快速地实现动态、交互性强的拖拽功能,为...

    不错的jquery页面布局

    本资源"不错的jquery页面布局"显然聚焦于利用jQuery来构建高效、灵活的页面布局,这在现代Web开发中至关重要。 jQuery页面布局涉及到多个组件和设计模式,包括应用程序工具条、菜单、帮助面板、状态栏和子表单设计...

    jQuery拖拽布局插件Portal.zip

    jQuery拖拽布局插件Portal是基于JavaScript库jQuery开发的一款强大且灵活的布局工具,它允许用户自定义元素的拖放行为,从而实现动态、交互式的网页布局。在现代Web开发中,这种功能对于构建可配置的仪表板、个性化...

    jQuery超强div固定位置布局特效插件

    这款基于jQuery的插件允许开发者实现div元素在页面滚动时保持在特定位置的效果,如固定侧边栏、顶部导航或者浮动按钮。这种布局方式能够确保关键信息始终可见,提高用户交互性。 首先,我们要理解jQuery库。jQuery...

    基于JQUERY UI的全能布局插件LAYOUT,强烈推荐,附带DEMO例子

    而jQuery UI Layout 是一个基于jQuery UI的扩展插件,专用于创建复杂的页面布局。这个插件允许开发者通过简单的配置实现多区域的自适应布局,极大地提升了网页设计的效率和灵活性。 ### 一、jQuery UI Layout 简介 ...

    jQuery拖拽排序布局插件.zip

    这个“jQuery拖拽排序布局插件”是专门为网页开发设计的一个功能组件,它允许用户通过直观的拖放操作来改变元素的顺序和布局。在网页设计和开发中,这种功能对于构建高度交互性和用户自定义界面非常有用,例如项目...

    jquery甘特图插件开源

    5. **响应式设计**:考虑到现代网页的多样性,一个好的jQuery甘特图插件应具有响应式布局,能够在不同设备和屏幕尺寸上正常工作。 6. **社区支持和文档**:开源项目往往有活跃的社区,开发者可以在遇到问题时获得...

    JQuery插件实现网页首次登录提示/页面功能介绍引导/教程式引导/下一步介绍功能

    JQuery作为一个轻量级且强大的JavaScript库,为开发者提供了丰富的工具来实现各种交互效果,包括首次登录提示、页面功能介绍引导、教程式引导以及下一步介绍功能。这些功能旨在帮助新用户快速理解和熟悉网站或应用的...

Global site tag (gtag.js) - Google Analytics