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

js计数器代码

Nov 04 Javascript

关于jquery append() html时的小问题的解决方法

Dec 16 Javascript

IE8对JS通过属性和数组遍历解析不一样的地方探讨

May 06 Javascript

jQuery实现图像旋转动画效果

May 29 Javascript

Node.js中如何合并两个复杂对象详解

Dec 31 Javascript

JS设置时间无效问题的解决办法

Feb 18 Javascript

jQuery实现倒计时功能 jQuery实现计时器功能

Sep 19 jQuery

jqgrid实现简单的单行编辑功能

Sep 30 Javascript

vue.js语法及常用指令

Oct 29 Javascript

js点击时关闭该范围下拉菜单之外的菜单方法

Jan 11 Javascript

webpack4 SCSS提取和懒加载的示例

Sep 03 Javascript

vue 监听屏幕高度的实例

Sep 05 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文件下载类

2006/12/06 PHP

php编程中echo用逗号和用点号连接的区别

2016/03/26 PHP

PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)

2016/12/02 PHP

PHP实现登陆并抓取微信列表中最新一组微信消息的方法

2017/07/10 PHP

PHP字符串与数组处理函数用法小结

2020/01/07 PHP

两个SUBMIT按钮，如何区分处理

2006/08/22 Javascript

js静态作用域的功能。

2006/12/25 Javascript

理解Javascript_12_执行模型浅析

2010/10/18 Javascript

jQuery随机切换图片的小例子

2013/04/18 Javascript

jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法

2013/05/13 Javascript

手机平板等移动端适配跳转URL的js代码

2014/01/25 Javascript

微信js-sdk地理位置接口用法示例

2016/10/12 Javascript

利用JS屏蔽页面中的Enter按键提交表单的方法

2016/11/25 Javascript

修改ligerui 默认确认按钮的方法

2016/12/27 Javascript

Node.js与Sails redis组件的使用教程

2017/02/14 Javascript

JavaScript实现两个select下拉框选项左移右移

2017/03/09 Javascript

Angular2入门教程之模块和组件详解

2017/05/28 Javascript

Easyui和zTree两种方式分别实现树形下拉框

2017/08/04 Javascript

vue实现鼠标移入移出事件代码实例

2019/03/27 Javascript

[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11

2020/12/13 DOTA

python通过colorama模块在控制台输出彩色文字的方法

2015/03/19 Python

Python中的默认参数详解

2015/06/24 Python

django创建自定义模板处理器的实例详解

2017/08/14 Python

Python selenium根据class定位页面元素的方法

2019/02/26 Python

Python OpenCV中的resize()函数的使用

2019/06/20 Python

python中元组的用法整理

2020/06/15 Python

Python闭包及装饰器运行原理解析

2020/06/17 Python

tensorflow使用CNN分析mnist手写体数字数据集

2020/06/17 Python

浅谈Html5多线程开发之WebWorkers

2018/05/02 HTML / CSS

建筑毕业生自我鉴定

2013/10/18 职场文书

机械设计及其自动化专业推荐信

2013/10/31 职场文书

大学生党校培训心得体会

2014/09/11 职场文书

家庭困难证明

2014/10/12 职场文书

侵犯商业秘密的律师函

2015/05/27 职场文书

2015年高三毕业班班主任工作总结

2015/10/22 职场文书

go语言中fallthrough的用法说明

2021/05/06 Golang