MooBox 基于Mootools的对话框插件
更新时间：2012年01月20日 17:15:07 作者：
这几天, 利用晚上的闲暇时间, 写了个mootools组件,原型来自于jQuery UI Dialog, 为防止重复,就起了名字叫mooBox.
一方面出于对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 源码均未压缩,其中doc.html为组件说明文档,demo.html是个比较完整的示例.
注意一个样式的问题,希望你的页面中事先引入了类似reset.css和定义基础样式的css(比如字体,颜色,行高等).
最后, 希望对你能有所帮助 : ) 有问题可以留言讨论
相关文章
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码，需要的朋友可以参考下。2011-12-12
这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用2011-12-12
有人最近要求我们写一个关于MooTools 1.2的30天的教程，这似乎也是个很不错的主意，于是我们决定现在就开始。在这些教程中，我们假设用户没有任何MooTools或者是JavaScript经验，但是至少有基本的HTML和CSS知识。2009-09-09
今天我们开始第十二讲，今天我们将仔细看一下Drag.Move——一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。2009-09-09
今天将不只是受限于这个库和一些基本的编程知识，我们来做一个简单的小项目。通过使用我们目前为止已经学过的一些知识，有几种方式来创建当鼠标移上去或者点击时显示相应内容的tab。2009-09-09
今天我们将来看一下MooTools绑定的Tooltip插件。通过“提示（Tips）”，你可以轻松地自定义一个包含一个标题和内容的工具提示，可以自定义样式，自定义淡入淡出渐变效果。2009-09-09
今天我们来看看MooTools是怎样使得过滤用户输入变得非常轻松。我们今天将讲一些基本的数字过滤，明天再更深入地讲讲字符串过滤。2009-09-09
公司项目有这个需求，刚好这段时间在学习了mootools，于是把功能写成了mootools插件，个人感觉mootools在这方面比jquery强多了2012-05-05
今天开始本系列教程的第2讲。在这一讲中，我们会学习几种选择HTML元素的方法。在许多方面，这是MooTools用得最多最基本的。毕竟，要创建一个基于HTML元素的交互性用户体验，你必须首先把它们掌握在手中。2009-09-09
今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。2009-09-09
最新评论