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

两个select之间option的互相添加操作(jquery实现)

Nov 12 Javascript

ejs v9 javascript模板系统

Mar 21 Javascript

js中style.display=""无效的解决方法

Oct 30 Javascript

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

Aug 21 Javascript

jQuery 如何给Carousel插件添加新的功能

Apr 18 Javascript

简介BootStrap model弹出框的使用

Apr 27 Javascript

浅谈Angularjs link和compile的使用区别

Oct 21 Javascript

基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询

Oct 30 Javascript

jquery 追加元素append、prepend、before、after用法与区别分析

Dec 02 Javascript

JS表单传值和URL编码转换

Mar 03 Javascript

node.js读取Excel数据（下载图片）的方法示例

Aug 02 Javascript

轻松解决JavaScript定时器越走越快的问题

May 13 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 多维数组排序实现代码

2009/08/05 PHP

PHP递归返回值时出现的问题解决办法

2013/02/19 PHP

php网页版聊天软件实现代码

2016/08/12 PHP

php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能（中）

2017/06/11 PHP

Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作

2017/06/30 PHP

java解析json方法总结

2019/05/16 PHP

jquery pagination插件实现无刷新分页代码

2009/10/13 Javascript

xheditor与validate插件冲突的解决方案

2010/04/15 Javascript

js获取当前日期代码适用于网页头部

2013/06/27 Javascript

jQuery时间插件jquery.clock.js用法实例(5个示例)

2016/01/14 Javascript

全面解析Bootstrap布局组件应用

2016/02/22 Javascript

微信小程序的日期选择器的实例详解

2017/09/29 Javascript

利用angular、react和vue实现相同的面试题组件

2018/02/19 Javascript

Vue 第三方字体图标引入 Font Awesome的方法

2018/09/28 Javascript

浏览器事件循环与vue nextTicket的实现

2019/04/16 Javascript

vue封装swiper代码实例解析

2019/10/08 Javascript

vue制作抓娃娃机的示例代码

2020/04/17 Javascript

python正则分组的应用

2013/11/10 Python

解决python3 安装完Pycurl在import pycurl时报错的问题

2018/10/15 Python

CentOS 7下安装Python3.6 及遇到的问题小结

2018/11/08 Python

详解Python 重学requests发起请求的基本方式

2020/02/07 Python

pycharm安装及如何导入numpy

2020/04/03 Python

Django全局启用登陆验证login_required的方法

2020/06/02 Python

Python如何设置指定窗口为前台活动窗口

2020/08/12 Python

详解python polyscope库的安装和例程

2020/11/13 Python

涂鸦板简单实现 Html5编写属于自己的画画板

2016/07/05 HTML / CSS

HTML 5.1来了 9月份正式发布更新内容预览

2016/04/26 HTML / CSS

唤醒头发毛囊的秘密武器：Grow Gorgeous

2016/08/28 全球购物

新西兰航空中国官网：Air New Zealand China

2018/07/24 全球购物

请写出一段Python代码实现删除一个list里面的重复元素

2015/12/29 面试题

初入社会应届生求职信

2013/11/18 职场文书

集团公司总经理岗位职责

2013/12/20 职场文书

学习心得体会

2014/01/01 职场文书

党委书记群众路线对照检查材料思想汇报

2014/10/04 职场文书

学生检讨书怎么写

2014/10/09 职场文书

三严三实学习心得体会

2014/10/13 职场文书