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

对采用动态原型方式无法展示继承机制得思考

Dec 04 Javascript

jquery的Theme和Theme Switcher使用小结

Sep 08 Javascript

JavaScript OOP面向对象介绍

Dec 02 Javascript

jquery自定义插件结合baiduTemplate.js实现异步刷新（附源码）

Dec 22 Javascript

js时间戳格式化成日期格式的多种方法介绍

Feb 16 Javascript

JavaScript设置名字输入不合法的实现方法

May 23 Javascript

javascript深拷贝、浅拷贝和循环引用深入理解

May 27 Javascript

jQuery实现为动态添加的元素绑定事件实例分析

Sep 07 jQuery

Vue-CLI项目中路由传参的方式详解

Sep 01 Javascript

vue 解除鼠标的监听事件的方法

Nov 13 Javascript

JavaScript Date对象功能与用法学习记录

Apr 28 Javascript

Vue实现导航栏菜单

Aug 19 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

关于shopex同步ucenter的redirect问题,导致script不运行

2013/04/10 PHP

PHP删除指定目录中的所有目录及文件的方法

2015/02/26 PHP

浅谈Laravel核心解读之Console内核

2018/12/02 PHP

docker-compose部署php项目实例详解

2019/07/30 PHP

关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍

2020/07/13 PHP

json 实例详细说明教程

2009/10/31 Javascript

JS实现进入页面时渐变背景色的方法

2015/02/25 Javascript

js实现在网页上简单显示时间的方法

2015/03/02 Javascript

JS实现的文字与图片定时切换效果代码

2015/10/06 Javascript

整理Javascript事件响应学习笔记

2015/12/02 Javascript

学习JavaScript设计模式之享元模式

2016/01/18 Javascript

一款简单的jQuery图片标注效果附源码下载

2016/03/22 Javascript

详解Javascript ES6中的箭头函数(Arrow Functions)

2016/08/24 Javascript

JavaScript学习笔记整理_用于模式匹配的String方法

2016/09/19 Javascript

JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

2016/09/24 Javascript

针对后台列表table拖拽比较实用的jquery拖动排序

2016/10/10 Javascript

微信小程序开发之大转盘仿天猫超市抽奖实例

2016/12/08 Javascript

jQuery使用Layer弹出层插件闪退问题

2016/12/22 Javascript

vue-cli4.0多环境配置变量与模式详解

2020/12/30 Vue.js

深入分析在Python模块顶层运行的代码引起的一个Bug

2014/07/04 Python

Python XML RPC服务器端和客户端实例

2014/11/22 Python

Python多线程编程简单介绍

2015/04/13 Python

在Python的Flask中使用WTForms表单框架的基础教程

2016/06/07 Python

Python、 Pycharm、Django安装详细教程(图文)

2019/04/12 Python

Python 的AES加密与解密实现

2019/07/09 Python

python3中pip3安装出错,找不到SSL的解决方式

2019/12/12 Python

Clarks鞋美国官网：全球领军鞋履品牌

2017/05/13 全球购物

面向中国市场的在线海淘美妆零售网站：Beauty House美丽屋

2021/03/02 全球购物

绩效工资实施方案

2014/03/15 职场文书

2014年最新个人对照检查材料范文

2014/09/25 职场文书

2015年妇幼卫生工作总结

2015/05/23 职场文书

学籍证明模板

2015/06/18 职场文书

2016新年致辞

2015/08/01 职场文书

高中生军训感言

2015/08/01 职场文书

SpringBoot详解自定义Stater的应用

2022/07/15 Java/Android