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

jquery更换文章内容与改变字体大小代码

Sep 30 Javascript

Javascript基础函数“重载” 详细介绍

Oct 25 Javascript

javascript阻止浏览器后退事件防止误操作清空表单

Nov 22 Javascript

node.js中使用q.js实现api的promise化

Sep 17 Javascript

jquery通过load获取文件的内容并跳到锚点的方法

Jan 29 Javascript

js检测用户输入密码强度

Oct 22 Javascript

jQuery UI Grid 模态框中的表格实例代码

Apr 01 jQuery

mescroll.js上拉加载下拉刷新组件使用详解

Nov 13 Javascript

说说如何在Vue.js中实现数字输入组件的方法

Jan 08 Javascript

在JavaScript中实现链式调用的实现

Dec 24 Javascript

原生JS实现多条件筛选

Aug 19 Javascript

关于JavaScript中异步/等待的用法与理解

Nov 18 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

编译问题

2006/10/09 PHP

给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug

2007/04/12 PHP

Symfony2开发之控制器用法实例分析

2016/02/05 PHP

PHPStorm+XDebug进行调试图文教程

2016/06/13 PHP

准确获得页面、窗口高度及宽度的JS

2006/11/26 Javascript

jQuery 加上最后自己的验证

2009/11/04 Javascript

js 静态动态成员 and 信息的封装和隐藏

2011/05/29 Javascript

JavaScript等比例缩放图片控制超出范围的图片

2013/08/06 Javascript

关于extjs4如何获取grid修改后的数据的问题

2013/08/07 Javascript

javascript中的if语句使用介绍

2013/11/20 Javascript

js实现鼠标经过时图片滚动停止的方法

2015/02/16 Javascript

js实现漂浮回顶部按钮实例

2015/05/06 Javascript

JavaScript中实现Map的示例代码

2015/09/09 Javascript

BootStrap glyphicons 字体图标实现方法

2016/05/01 Javascript

Google 地图获取API Key详细教程

2016/08/06 Javascript

jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)

2016/08/23 Javascript

js方法数据验证的简单实例

2016/09/17 Javascript

微信小程序实战之登录页面制作（5）

2020/03/30 Javascript

vue2项目使用sass的示例代码

2017/06/28 Javascript

Node.js API详解之 Error模块用法实例分析

2020/05/14 Javascript

Vue-CLI 3 scp2自动部署项目至服务器的方法

2020/07/24 Javascript

利用Python绘制数据的瀑布图的教程

2015/04/07 Python

python类继承与子类实例初始化用法分析

2015/04/17 Python

浅谈对yield的初步理解

2017/05/29 Python

Python装饰器用法实例总结

2018/02/07 Python

python实现三维拟合的方法

2018/12/29 Python

python 实现交换两个列表元素的位置示例

2019/06/26 Python

有关pycharm登录github时有的时候会报错connection reset的问题

2020/09/15 Python

python中子类与父类的关系基础知识点

2021/02/02 Python

解决PDF 转图片时丢文字的一种可能方式

2021/03/04 Python

卡塔尔航空官方网站：Qatar Airways

2017/02/08 全球购物

阿尔卡特（中国）的面试题目

2014/08/20 面试题

试用期转正员工自我评价

2014/09/18 职场文书

具结保证书

2015/01/17 职场文书

中秋节感想

2015/08/10 职场文书

python函数的两种嵌套方法使用

2022/04/02 Python