首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
jQuery数据缓存功能的实现思路及简单模拟
May 27 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
Apr 13 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
JavaScript实现图片放大镜效果
Jun 27 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 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
Inception(2) 进程假死(1) ResNet50(1) yolo3(1) Xception(1) jenkins(1) 逆序(1) Seaborn(1) 字符串(2) tensorflow(2)
You might like
php win下Socket方式发邮件类
2009/08/21 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
javascript cookie解码函数（兼容ff）
2008/03/17 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
基于NodeJS的前后端分离的思考与实践（六）Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
复制网页内容，粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）
2017/12/27 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
Pytorch入门之mnist分类实例
2018/04/14 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
Python3 列表，数组，矩阵的相互转换的方法示例
2019/08/05 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
Python3 元组tuple入门基础
2020/02/09 Python
Python PIL库图片灰化处理
2020/04/07 Python
python cookie反爬处理的实现
2020/11/01 Python
基于Python 函数和方法的区别说明
2021/03/24 Python
圣诞节活动策划方案
2014/06/09 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
优秀团支部申报材料
2014/12/26 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
PHP中多字节字符串操作实例详解
2021/08/23 PHP
mybatis 获取更新记录的id
2022/05/20 Java/Android
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS