编程 Javascript

MooBox 基于Mootools的对话框插件

Posted in Javascript onJanuary 20, 2012

一方面出于对mootools的兴趣(虽然没有jQuery那么hot), 另一方面,也是想为mootools的推广添一点小小的力量,虽然这微不足道.

加上前面发布过的2个mootools组件, 写下来总的感觉是:

在效果实现方面, 确实用jQuery编写要比用mootools来的容易快速的多, 因为在很多细节问题上jQuery已经为我们考虑了.比如mootools-core没有类似slideUp/Down这样的方法, 如果不引入扩展库的话,你得自己用Fx类来实现, 而jQuery里只是很简单的调用slideUp, slideDown或者slideToggle, 再比如在mootools中,你想取得一个隐藏(display:none)元素的尺寸信息, 得写个几条代码, 而在jQuery中你完全可以忽略元素是否隐藏这个问题, 它已经帮你搞定了. 再比如jQuery本身已经为用户提供了丰富的选择器, 这一点尤为方便.mootools的话稍微欠缺一些.

我这里并不是说mootools如何不行,因为本身mootools和jquery设计的初衷就是不同的, 如果你想更多的了解细节问题,那么用mootools作为基础库还是不错的.

下面回到文章正题, 我先发两个Demo截图.

完整显示:

MooBox 基于Mootools的对话框插件

收缩的状态

MooBox 基于Mootools的对话框插件
如果你对此组件有兴趣, 可以点击下载, MooBox 源码均未压缩,其中doc.html为组件说明文档,demo.html是个比较完整的示例.

注意一个样式的问题,希望你的页面中事先引入了类似reset.css和定义基础样式的css(比如字体,颜色,行高等).

最后, 希望对你能有所帮助 : ) 有问题可以留言讨论

MooBox 基于Mootools的对话框插件

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Extjs中DisplayField的日期或者数字格式化扩展

Sep 03 Javascript

js中复制行和删除行的操作实例

Jun 25 Javascript

Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例

Feb 12 Javascript

JQuery遍历json数组的3种方法

Nov 08 Javascript

基于node实现websocket协议

Apr 25 Javascript

vue-cli + sass 的正确打开方式图文详解

Oct 27 Javascript

jQuery EasyUI window窗口使用实例代码

Dec 25 jQuery

《javascript设计模式》学习笔记三：Javascript面向对象程序设计单例模式原理与实现方法分析

Apr 07 Javascript

详谈Object.defineProperty 及实现数据双向绑定

Jul 18 Javascript

vue中使用腾讯云Im的示例

Oct 23 Javascript

微信小程序实现日历小功能

Nov 18 Javascript

JavaScript 防盗链的原理以及破解方法

Dec 29 Javascript

formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)

Jan 20 #Javascript

json的前台操作和后台操作实现代码

Jan 20 #Javascript

Prototype源码浅析 Enumerable部分(二)

Jan 18 #Javascript

JS中的public和private对象,即static修饰符

Jan 18 #Javascript

DOM 中的事件处理介绍

Jan 18 #Javascript

深入理解JavaScript系列(13) This? Yes,this!

Jan 18 #Javascript

JavaScript中常用的运算符小结

Jan 18 #Javascript

You might like

php读取30天之内的根据算法排序的代码

2008/04/06 PHP

php插入中文到sqlserver 2008里出现乱码的解决办法分享

2012/07/19 PHP

基于PHP Socket配置以及实例的详细介绍

2013/06/13 PHP

Ajax+PHP快速上手及简单应用说明

2013/07/24 PHP

php教程之魔术方法的使用示例(php魔术函数)

2014/02/12 PHP

php实现的微信红包算法分析（非官方）

2015/09/25 PHP

php 输出json及显示json中的中文汉字详解及实例

2016/11/09 PHP

php 开发中加密的几种方法总结

2017/03/22 PHP

PHP设计模式之组合模式定义与应用示例

2020/02/01 PHP

Yii框架组件的事件机制原理与用法分析

2020/04/07 PHP

JS类定义原型方法的两种实现的区别评论很多

2007/09/12 Javascript

Jquery CheckBox全选方法代码附js checkbox全选反选代码

2010/06/09 Javascript

js判断undefined变量类型使用typeof

2013/06/03 Javascript

基于jQuery实现文本框缩放以及上下移动功能

2014/11/24 Javascript

使用FlexiGrid实现Extjs表格效果方法分享

2014/12/16 Javascript

浅谈Javascript中匀速运动的停止条件

2014/12/19 Javascript

基于Bootstrap table组件实现多层表头的实例代码

2017/09/07 Javascript

ES6中新增的Object.assign()方法详解

2017/09/22 Javascript

集成vue到jquery/bootstrap项目的方法

2018/02/10 jQuery

Angular利用内容投射向组件输入ngForOf模板的方法

2018/03/05 Javascript

原生js实现移动端Touch轮播图的方法步骤

2019/01/03 Javascript

js时间戳转yyyy-MM-dd HH-mm-ss工具类详解

2019/04/30 Javascript

ES6之Proxy的get方法详解

2019/10/11 Javascript

详解element-ui动态限定的日期范围选择器代码片段

2020/07/03 Javascript

详解vue路由

2020/08/05 Javascript

20招让你的Python飞起来!

2016/09/27 Python

python如何拆分含有多种分隔符的字符串

2018/03/20 Python

flask-socketio实现WebSocket的方法

2018/07/31 Python

Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解

2019/04/26 Python

python 判断三个数字中的最大值实例代码

2019/07/24 Python

python学习将数据写入文件并保存方法

2020/06/07 Python

耐克奥地利官网：Nike奥地利

2019/08/16 全球购物

中专三年学习的个人自我评价

2013/12/12 职场文书

初一生物教学反思

2014/01/18 职场文书

市场营销专业自荐书

2014/06/10 职场文书

【TED出品】天梯非主流开心游1700 划水骑士

2022/03/31 魔兽争霸