编程 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 可排列的表实现代码

Nov 13 Javascript

JQuery 技巧和窍门整理(8个)

Apr 22 Javascript

jQuery-onload让第一次页面加载时图片是淡入方式显示

May 23 Javascript

关于jQuery中.attr()和.prop()的问题探讨

Sep 06 Javascript

jQuery控制TR显示隐藏的几种方法

Jun 18 Javascript

浅析vue中常见循环遍历指令的使用 v-for

Apr 18 Javascript

vue-baidu-map 进入页面自动定位的解决方案(推荐)

Apr 28 Javascript

vue检测对象和数组的变化分析

Jun 30 Javascript

vue组件之间通信实例总结(点赞功能)

Dec 05 Javascript

微信小程序获取用户openid的实现

Dec 24 Javascript

nest.js 使用express需要提供多个静态目录的操作方法

Oct 24 Javascript

使用Ajax实现无刷新上传文件

Apr 12 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中的stdClass类

2014/04/18 PHP

smarty模板引擎中自定义函数的方法

2015/01/22 PHP

javascript的onchange事件与jQuery的change()方法比较

2009/09/28 Javascript

JavaScript 利用Cookie记录用户登录信息

2009/12/08 Javascript

eclipse导入jquery包后报错的解决方法

2014/02/17 Javascript

wap图片滚动特效无css3元素纯js脚本编写

2014/08/22 Javascript

jQuery中scrollTop()方法用法实例

2015/01/16 Javascript

Javascript writable特性介绍

2015/02/27 Javascript

JQuery中attr方法和removeAttr方法用法实例

2015/05/18 Javascript

jQuery操作Table技巧大汇总

2016/01/23 Javascript

jquery中live()方法和bind()方法区别分析

2016/06/23 Javascript

浅谈jquery设置和获得checkbox选中的问题

2016/08/19 Javascript

JS实现按钮添加背景音乐示例代码

2017/10/17 Javascript

详解vue-cli 快速搭建单页应用之遇到的问题及解决办法

2018/03/01 Javascript

jQuery实现的上传图片本地预览效果简单示例

2018/03/29 jQuery

Javascript的console['']常用输入方法汇总

2018/04/26 Javascript

基于nodejs res.end和res.send的区别

2018/05/14 NodeJs

JS加密插件CryptoJS实现AES加密操作示例

2018/08/16 Javascript

Vue中使用clipboard实现复制功能

2018/09/05 Javascript

Python程序设计入门(4)模块和包

2014/06/16 Python

Python文件和流(实例讲解)

2017/09/12 Python

浅述python中深浅拷贝原理

2018/09/18 Python

python3实现zabbix告警推送钉钉的示例

2019/02/20 Python

python实现DEM数据的阴影生成的方法

2019/07/23 Python

python元组的概念知识点

2019/11/19 Python

Python 实现训练集、测试集随机划分

2020/01/08 Python

python应用Axes3D绘图（批量梯度下降算法）

2020/03/25 Python

使用SimpleITK读取和保存NIfTI/DICOM文件实例

2020/07/01 Python

详解基于python的图像Gabor变换及特征提取

2020/10/26 Python

澳大利亚领先的美容护肤品零售商之一：SkincareStore

2018/01/22 全球购物

学生个人自我鉴定范文

2014/03/28 职场文书

分公司总经理岗位职责

2014/07/30 职场文书

我与祖国共奋进演讲稿

2014/09/13 职场文书

学前班幼儿评语大全

2014/12/29 职场文书

JPA 通过Specification如何实现复杂查询

2021/11/23 Java/Android

vue实现滑动解锁功能

2022/03/03 Vue.js