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(比如字体,颜色,行高等).

最后, 希望对你能有所帮助 : ) 有问题可以留言讨论

Javascript 相关文章推荐
js 刷新页面的代码小结 推荐
Apr 02 Javascript
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
Jan 26 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 Javascript
jQuery实现鼠标滑过图片移动特效
Dec 08 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
react中使用css的7中方式(最全总结)
Feb 11 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 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中神奇的fastcgi_finish_request
2011/05/02 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
JavaScript window.location对象
2014/11/14 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
详解vue2路由vue-router配置(懒加载)
2017/04/08 Javascript
微信小程序Redux绑定实例详解
2017/06/07 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
python生成器的使用方法
2013/11/21 Python
python多线程操作实例
2014/11/21 Python
Python实现基于POS算法的区块链
2018/08/07 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
python实现网页录音效果
2020/10/26 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
h5移动端调用支付宝、微信支付的实现
2020/06/08 HTML / CSS
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
软件工程师岗位职责
2013/11/16 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
四年级语文教学反思
2014/02/05 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
校本培训个人总结
2015/02/28 职场文书
施工现场安全管理制度
2015/08/05 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
vue3中的组件间通信
2021/03/31 Vue.js