编程 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/jquery对上传文件格式过滤的方法

Jul 25 Javascript

JS特殊函数(Function()构造函数、函数直接量)区别介绍

May 19 Javascript

jquery渐隐渐显的图片幻灯闪烁切换实现方法

Feb 26 Javascript

简介JavaScript中substring()方法的使用

Jun 06 Javascript

jQuery的bind()方法使用详解

Jul 15 Javascript

浅谈Javascript数组的使用

Jul 29 Javascript

jQuery实现鼠标选文字发新浪微博的方法

Apr 02 Javascript

IScroll5 中文API参数说明和调用方法

May 21 Javascript

js中变量的连续赋值(实例讲解)

Jul 08 Javascript

把JavaScript代码改成ES6语法不完全指南(分享)

Sep 10 Javascript

vue2.0学习之axios的封装与vuex介绍

May 28 Javascript

实例详解Node.js 函数

Jun 10 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中用header图片地址简单隐藏图片源地址

2008/04/09 PHP

选择PHP作为网站开发语言的原因分享

2012/01/03 PHP

PHP小程序支付功能完整版【基于thinkPHP】

2019/03/26 PHP

Laravel 中创建 Zip 压缩文件并提供下载的实现方法

2019/04/02 PHP

JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

2011/06/28 Javascript

IE 当eval遇上function的处理

2011/08/09 Javascript

jQuery计算textarea中文字数(剩余个数)的小程序

2013/11/28 Javascript

jQuery中:not选择器用法实例

2014/12/30 Javascript

JavaScript常用脚本汇总（二）

2015/03/04 Javascript

JavaScript代码性能优化总结(推荐)

2016/05/16 Javascript

基于JS实现数字+字母+中文的混合排序方法

2016/06/06 Javascript

Node.js 数据加密传输浅析

2016/11/16 Javascript

Vue.js路由组件vue-router使用方法详解

2016/12/02 Javascript

javascript实现简易计算器

2017/02/01 Javascript

利用ES6实现单例模式及其应用详解

2017/12/09 Javascript

node使用Mongoose类库实现简单的增删改查

2018/11/08 Javascript

VUE简单的定时器实时刷新的实现方法

2019/01/20 Javascript

原生js代码能实现call和bind吗

2019/07/31 Javascript

js实现双色球效果

2020/08/02 Javascript

跟老齐学Python之有点简约的元组

2014/09/24 Python

以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法

2015/03/30 Python

在Django框架中编写Context处理器的方法

2015/07/20 Python

python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现

2018/06/11 Python

Django通过dwebsocket实现websocket的例子

2019/11/15 Python

Python如何自动获取目标网站最新通知

2020/06/18 Python

python pymysql库的常用操作

2020/10/16 Python

linux面试相关问题

2013/04/28 面试题

机电一体化专业应届生求职信

2013/11/27 职场文书

体育教师自我鉴定

2014/02/12 职场文书

大学优秀班主任事迹材料

2014/05/02 职场文书

通讯稿格式及范文

2015/07/22 职场文书

销售口号霸气押韵

2015/12/24 职场文书

2016优秀班主任个人先进事迹材料

2016/02/26 职场文书

二手手机买卖合同范本（2019年版）

2019/10/28 职场文书

导游词之贵州百里杜鹃

2019/10/29 职场文书

【海涛解说】暗牧也疯狂，牛蛙成配角

2022/04/01 DOTA