上传图片是我们Web开发经常用到的一个功能，那当然少不了文件域标签的使用，如果是上传的是图片文件能够提前预览就好了。
1
<input type="file"/>
到目前为止，只有IE和FF可以预览本地图片。IE下可以直接浏览本地图片，通过input[type=file]的value属性就可以取到本地图片的路径。
而在FF下，有getAsDataURL()方法可以生成图片的DataURL，... Continue Reading »
Element Highlight 是一个强调或突出元素的一个动画效果插件，默认情况下所有的同类元素都是不透明的，当我们的鼠标移动到某一个元素上时，就会与其它剩下的元素有区别，就会突出显示。
View Demo »
Download Files »
此实例用到了MooTools More 中的一个插件是Element.Delegation
Element.Delegation
(全文…)
Continue Reading »
盒子中间的链接,这个标题不知道如何取比较合适，说白了就是给一个Box 模块中间加一个有遮罩效果和悬停效果的超链接，当我们的鼠标移到盒子上面有一个醒目的链接按钮，反之，链接按钮消失并移除。
接下来，我们看一下效果图吧，比较直观一些。
View Demos »
我们的目标
我们这里有一些包含内容的盒子。
这个目标就是: ... Continue Reading »
最近，我开始关注Dojo了，Dojo是一个强大的面向对象JavaScript框架,既然我那么喜欢MooTools,也没理由不喜欢Dojo。与Dojo相比我对MooTools 和 jQuery 是比较熟的。这并不重要，不管使用什么样的语言，我们完成的任务是相同的，本质上的区别是使用的语法不同罢了。
接下来，我就来看一些不同JavaScript框架，如何使用一些基本的语法，来完成共同... Continue Reading »
保持同一容器中的所有元素之间具有相等的高度或相等宽度，可以使一个页面变的美观和整洁。遗憾的是，有的时候想保持同一高度或同一宽度的列或行是用CSS很难做到的。
我们就不得不借助JavaScript来实现此功能了。我这儿就给大家提供一个 ”元素等高或等宽的插件“，它的灵感来自 David Walsh (http://davidwalsh.name/mootools-equal-heights) 。
&nbs... Continue Reading »
我们习惯于把匿名方法应用于我们最喜爱的JavaScript框架中。这样一来，我就可以通过匿名方法的方式快速引用框架中的对象了。
The following pattern within jQuery code:
1
2
3
(function($) {
//your jQuery here, referenced by $
})(jQuery);
The following pattern within MooTools code:
1
2
3
4
5
6
7
8
(function($) {
//your MooTools here, referenced by $... Continue Reading »
也许您看到此文章的标题，有点怪，不好理解。其实我想表达的应用场景是网页上的视频，图片和在线的文档阅读器等，在初始状态下是一种默认效果，当我们的鼠标移到目标上时是还是没有变化的，还是默认的效果。面对这样重复的默认动画效果。是否我们能改善一下用户的体验，增加一个不一样的动画效果或提示。
说是那么多，还是... Continue Reading »
FormCheck是一个MooTools类，允许您执行不同的形式测试，以验证表单上他们之前提交数据的有效性。它现在版本已经是1.6了。支持通过CSS自定义外观，将校验提示信息以Tips的方式显示。FormCheck除了支持一些常用的校验包括：必填校验，数字校验，长度校验等。还支持表达式校验包括：电话号码、Email、URL等。国际化的支持，现在支持10种不同... Continue Reading »
昨天，我看到了张鑫旭同学写的文章是关于《文本框/域文字提示自动显示隐藏jQuery小 插件》 ，我以前也写过这样的教程《表单的文本字段默认值插件，基于 MooTools »》，其实说的都是同样的内容。不过张鑫旭同学加了一些可定制的小效果，使原本单调的默认值，更富有生机了，例如改变
文本字段/文本区域默认值的颜色，输入值的颜色... Continue Reading »
我在《如何自动给图片或照片加说明文字，使用 MooTools »》这篇文章中，介绍了如何给图片自动加说明文字的做法，然而，有的时候我们更喜欢比较时尚和可交换的图片说明文字。
虽然他们都说一张照片胜过千言万语，但是不是每一个形象都是不言自明的。有的时候，一句简短的说明文字或在背景上说几句话可以使图像得以区别。这就... Continue Reading »
Page 1 of 24 1 2 3 4 5 6 » ... Last »
