标签:MooTools 插件 页 2

表单的文本字段默认值插件,基于MooTools »

在我们的留言,登录和查询模块中,我们很喜欢给表单的文本字段(input)加上默认输入值,这一微妙的改进,是非常有利于用户体验的,当我们点击进入该字段域时,默认输入值就给人一种消失的感觉,当你离开该域的时候该字段为空,再点击别的域的时候,该域又恢复了默认输入值。其实这是一件很容易的事,我们通过一个MooToolsclass来实现此效果。...

继续阅读 →

如何自动给图片或照片加说明文字,使用MooTools »

MooTools是一个强大的,开源的JavaScript框架,它可以大大提高我们的JavaScript开发效率。使用MooTools你可以写出更加简洁和优雅的JavaScript程序。我们今天所讲的实例,就是使用MooTools开发一个给图片自动配说明文字或备注的实例。接下来,就是我们实现的思路:选择所有要加说明文字的图片,如类名是c...

继续阅读 →

图片预加载进度条,基于Mootools Plugins Assets »

大量采用高解析度的图像的确可以让一个Web站点容光焕发。但同样也会造成站点访问速度下降——图片是文件,文件就要占用带宽,而带宽直接同访问等待时间相关。现在,让我们来学习一种名为图像预装载(imagepreloading)的小技巧来提高图像访问速度。一些浏览器试图通过在本地缓存中保存这些图片来解决此问题。这样一来可以顺序调用这些图片——...

继续阅读 →

自定义’outerClick’ 事件,基于MooTools or jQuery »

关于outerClick自定义事件,最早是来自JanKassens的Blog。而现在,我们已经有更简洁,优雅,轻巧的版本代替它。以上的阐述都是针对MooTools版的outerClick自定义事件。不过,为了满足不同的javaScrip库爱好者的需求,我这里还提供了jQuery版outerClick自定义事件的插件。outerClic...

继续阅读 →

MooTools国外经典实例与教程大集合 »

MooTools教程MooTools这个JavaScript框架越来越流行了介绍几个MooTools的入门教程。MooTools入门教程mootootls元素属性MooTools类介绍使用MooTools入门教程:选择和创建元素这是一篇面向初学者的MooTools入门教程,他介绍了选择和创建元素的方法。浏览教程: Abeginner’...

继续阅读 →

在MooTools中实现 jQuery’s hover() 方法 »

在jQuery中提供一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。它接受了两个函数,代表鼠标的mouseover和mouseout事件。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数,这两个函数正好是我们MooTools的fade()方法(即淡入淡出特效)。以下...

继续阅读 →

MooEditable文本编辑器,基于MooTools的插件 »

在jQuery强大的背后,有许多相关的插件支持,但是我们的MooTools也不甘落后,在MooTools开发社区里已经有了许多的专业的高质量插件了,他们可以帮助你提高网站用户体验到一个新的层次,当前前提是你喜欢MooTools。我今天给大家介绍的是MooEditable插件。MooEditable是见即所得(WYSIWYG)编辑器,它...

继续阅读 →

《MooTools 完美解析》文章列表(更新中…) »

MooTools是近来仅次于jQuery流行的JavaScript框架。像MooTools这么优秀的面向对象的JavaScript框架,非常值得我们学习,由于国内关注的人们很少,再加上中文的学习资源很少,大多数是重复的资料。MooTools教程,MooTools实例,MooTools资源的网站也很少,大多数人选择了jQuery库,但是...

继续阅读 →

用mooStack,实现一个堆叠效果的幻灯片 »

像堆叠效果的幻灯片,flash也有此效果的实现,居然我们用一个Mootools的mooStack插件,轻松就实现了。要好好研究一下。mooStack的图片切换方式有两种:1.分页效果的切换方式2.点击图片的切换方式演示:http://blog.moocss.com/Mootools/demo1/mooStack/下载:http://b...

继续阅读 →