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脚本特性
Sep 13 Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 Javascript
AngularJS中的模块详解
Jan 29 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
vue单页应用的内存泄露定位和修复问题小结
Aug 02 Javascript
js仿360开机效果
Dec 26 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 Javascript
小程序实现列表倒计时功能
Jan 29 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/07/07 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python判断输入日期为第几天的实例
2018/11/13 Python
python实现爬山算法的思路详解
2019/04/09 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
python实现图片九宫格分割
2021/03/07 Python
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
董事长岗位职责
2013/11/30 职场文书
社区党员先进事迹
2014/01/22 职场文书
超市总经理岗位职责
2014/02/02 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
教室布置标语
2014/06/26 职场文书
敬老院标语
2014/06/27 职场文书
代理人委托书
2014/09/16 职场文书
股权转让协议范本
2014/12/07 职场文书
工作建议书范文
2019/07/08 职场文书
Python竟然能剪辑视频
2021/05/25 Python
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技