编程 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 相关文章推荐

javascript巧用eval函数组装表单输入项为json对象的方法

Nov 25 Javascript

AngularJS模块学习之Anchor Scroll

Jan 19 Javascript

jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

Feb 25 Javascript

AngularJS 输入验证详解及实例代码

Jul 28 Javascript

Angular.js与node.js项目里用cookie校验账户登录详解

Feb 22 Javascript

认识less和webstrom的less配置方法

Aug 02 Javascript

JS实现的简单标签点击切换功能示例

Sep 21 Javascript

利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解

Nov 20 Javascript

JS数组方法reduce的用法实例分析

Mar 03 Javascript

JS apply用法总结和使用场景实例分析

Mar 14 Javascript

TypeScript的安装、使用、自动编译的实现

Apr 10 Javascript

vue集成一个支持图片缩放拖拽的富文本编辑器

Jan 29 Vue.js

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中的integer类型使用分析

2010/07/27 PHP

php从右向左/从左向右截取字符串的实现方法

2011/11/28 PHP

PHP在线生成二维码代码(google api)

2013/06/03 PHP

解析php dirname()与__FILE__常量的应用

2013/06/24 PHP

php中创建和调用webservice接口示例

2014/07/25 PHP

mongodb和php的用法详解

2019/03/25 PHP

ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

2020/02/07 PHP

jQuery+ajax实现顶一下,踩一下效果

2010/07/17 Javascript

深入理解JavaScript系列（15）函数（Functions）

2012/04/12 Javascript

常见的原始JS选择器使用方法总结

2014/04/09 Javascript

在ASP.NET MVC项目中使用RequireJS库的用法示例

2016/02/15 Javascript

jQuery 监控键盘一段时间没输入

2016/04/22 Javascript

BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法

2016/12/08 Javascript

Bootstrap 3 进度条的实现

2017/02/22 Javascript

Javascript中从学习bind到实现bind的过程

2018/01/05 Javascript

如何用RxJS实现Redux Form

2018/12/29 Javascript

JS代码检查工具ESLint介绍与使用方法

2020/02/04 Javascript

python列表去重的二种方法

2014/02/14 Python

python使用wxPython打开并播放wav文件的方法

2015/04/24 Python

Python爬取网易云音乐热门评论

2017/03/31 Python

Python win32com 操作Exce的l简单方法(必看)

2017/05/25 Python

python中日志logging模块的性能及多进程详解

2017/07/18 Python

Python基于csv模块实现读取与写入csv数据的方法

2018/01/18 Python

Python安装与基本数据类型教程详解

2019/05/29 Python

Python 实现输入任意多个数,并计算其平均值的例子

2019/07/16 Python

Python学习笔记之错误和异常及访问错误消息详解

2019/08/08 Python

CSS3制作炫酷的自定义发光文字

2016/03/28 HTML / CSS

Canvas 帧动画吃苹果小游戏

2020/08/05 HTML / CSS

英国最大的手表网站：The Watch Hut

2017/03/31 全球购物

美国咖啡批发网站：Coffee.org

2017/06/29 全球购物

SQL面试题

2013/12/09 面试题

《云雀的心愿》教学反思

2014/02/25 职场文书

校运动会广播稿300字

2014/10/07 职场文书

2014年网络管理员工作总结

2014/12/01 职场文书

同意报考公务员证明

2015/06/17 职场文书

篮球拉拉队口号

2015/12/25 职场文书