`
littcai
  • 浏览: 249323 次
  • 性别: Icon_minigender_1
  • 来自: 无锡
社区版块
存档分类
最新评论

window组件

阅读更多

MooTools确实是一个非常好用的JS框架,用来写Web小组件非常适合。但是发现网上对此框架的组件非常少,尤其1.2的更少,因此想自己写几个实用的,欢迎大家一起来研究这个非常优秀的框架,以及如何编写好用的Web小组件

 

DIV+CSS模拟window弹出框,基于MooTools 1.2。

 

功能点

  1. 支持普通窗口和模态窗口
  2. 可拖动
  3. 可缩放
  4. 可最大化最小化
  5. 可关闭
  6. 可隐藏 

mootools依赖

  1. mootools-1.2
  2. Element
  3. Drag
  4. Drag.Move  

BUG

  1. 拖出容器外后无法拖回
  2. 有时会发现内嵌iframe无法获得焦点 

下载

最新版本已发至圈子共享中

1
0
分享到:
评论

相关推荐

    php开启intl缺少window组件icuuc51.dll,icudt51.dll,icuin51.dll,icuio51.dll

    在windos下面使用php的intl扩展时,可能会...php开启intl缺少window组件icuuc51.dll,icudt51.dll,icuin51.dll,icuio51.dll 下载完成后,放入对应的系统目录C:\Windows\SysWOW64(32位系统放入:C:\Windows\System32)

    OptionalFeatures window组件功能.exe

    OptionalFeatures.exe win组件功能 快速启动小工具

    jquerywindow组件(原创)

    **jQuery Window组件详解** 在Web开发中,弹出窗口是一个常见的功能需求,jQuery Window组件提供了一个灵活、可定制的解决方案,使得在网页中创建浮动窗口变得简单易行。该组件结合了jQuery的强大功能和优雅的API...

    解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题

    Extjs的Panel和Window等组件在默认情况下是带边框的,通常情况下,单独使用没有什么关系,但是将Panel作为Window组件的子组件时就会出现双重边框的现象,如果Window组件中含有两个或者两个以上的Panel,那么Panel和...

    第13章 Window(窗口)组件1

    Window组件在网页设计中扮演着重要的角色,常用于弹出对话框、信息提示等场景。 一、加载方式 Window组件有两种常见的加载方式:通过class属性加载和通过JavaScript函数加载。class属性加载时,我们直接在HTML结构...

    Ext组件说明 Ext组件概述

    Window组件可以创建一个浮动的对话框或模态窗口,用于显示额外的信息或收集用户输入。 总之,Ext框架的组件库为开发者提供了极其丰富的工具,涵盖了从基础UI元素到复杂数据处理的各种需求。熟练掌握这些组件的使用...

    EXT组件初学者教程 grid+tree+window+描述文档

    3. **EXTJS Window组件**: - Window是浮动的弹出窗口,通常用于展示独立的信息或者交互操作。 - 它可以设置大小、位置、标题、关闭按钮等属性,还可以配置draggable和resizable选项。 - Window经常和其他组件...

    Extjs使用Window最小化窗口

    它的Window组件是创建弹出式窗口或对话框的核心,提供丰富的交互性和自定义功能。在EXTJS中实现Window的最小化和还原功能是一项常见的需求,这有助于提升用户体验,让用户能够更方便地管理和组织窗口。 在EXTJS中,...

    jquery window

    在Web开发中,利用jQuery实现Window组件,可以快速构建出具有弹出、关闭、拖动、缩放等特性的用户界面。 描述中提到,开发者为了在后台管理UI中实现类似EXTJS的Windows UI功能,但因项目规模较小,没有选择EXTJS这...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    ext 仿window 界面

    2. **窗口组件**:利用EXTJS的Window组件,可以创建有标题、边框、控制按钮(最小化、最大化、关闭)的窗口,使其看起来像Windows程序窗口。 3. **表格组件**:EXTJS的Grid组件可以用来展示数据,通过配置列模型、...

    extjs3 window窗口修改完退出提示是否保存

    本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时提示用户是否保存更改。未进行修改的情况下,窗口可以直接关闭,不显示任何提示。 首先,我们需要创建一个基本的...

    8.(vue3.x+vite)组件间通信方式之window挂实例.rar

    5. **Window 挂载实例**: 在某些特定场景下,如果组件需要与全局环境(如浏览器的window对象)进行通信,可以将实例挂在window上。例如,将一个Vue实例赋值给`window.myVue`,然后其他脚本可以通过这个全局变量访问...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,其中包括用于创建弹出窗口(window)的功能。在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细...

    flex 特效拖动Panel变Window

    3. Window组件:Window在Flex中通常指的是PopUpManager管理的ModalWindow或NonModalWindow,它们是弹出式的独立窗口,可以浮于其他组件之上,并有自己的关闭按钮和其他窗口特性。 4. 拖放(Drag and Drop):实现拖动...

    EXTjs组件.pdf

    例如,Window组件默认就是浮动的,而任何组件都可以通过设置floating属性变为浮动组件。浮动组件常用于创建弹出窗口或临时对话框,它们可以在屏幕上的任意位置移动和定位。 EXTJS的组件模型强大且灵活,允许开发者...

    java调用window操作系统文本转语音并生成播放文件

    总之,Java调用Windows操作系统实现文本转语音并生成播放文件,涉及到JNI、COM组件、DLL编程、音频处理等多个方面,需要对Java和Windows API有深入理解。通过适当的技术选择和优化,可以创建出高效、灵活的文本转...

    第14章 Dialog(对话框)组件1

    Dialog组件的事件完全继承自Window组件,因此可以使用Window组件的所有事件,如打开、关闭、移动等。以下是一个`onClose`事件的例子,当对话框关闭时会触发一个警告框: ```javascript $('#box').dialog({ width : ...

    Extjs3.0 常用组件介绍及怎么安装开发利器Spket

    6. **Window(窗口)**: Window组件可以用来弹出浮动的对话框,支持拖动、最大化、最小化和关闭操作。 7. **Toolbar(工具栏)**: Toolbars通常位于Panel的顶部或底部,用于放置按钮、菜单、分割线等元素。 8. **...

Global site tag (gtag.js) - Google Analytics