MooTools

CSS3 Multiple backgrounds 和 CSS3 Animation »

CSS3多背景与背景动画我非常喜欢CSS3Multiplebackgrounds和CSS3Animation,如果把这两种技术组合在一块,就可以实现丰富多彩的背景动画了。如果想要得到更广泛的浏览器支持的话,配合脚本库来实现,那就会得到更强的网页可用性和用户体验了,MooTools动画就是我常用的选择。CSS3多背景兼容性列表:看了上面...

继续阅读 →

MooTools TinyTooltips »

对于超链接标记的title属性,本身的提示效果我们并不是很满意,所以我们会使用JavaScript来打造自己的Tooltips效果。MooToolsMore也自带Tipsplugins,使用起来也蛮方便的,它怎么使用不是我今天说的重点。TinyTooltips,才是是今天的主角。我们使用到的技术有CSSborder生成三角技术,CSS...

继续阅读 →

自己动手写MooTools Tabs Class »

关于标签(Tabs)选项卡,jQuery版的插件众多,功能强大的也非常多,只要你Google一下,一抓一大把,但是,不是每一个都适合自己,考虑到代码的臃肿,需求的变动,得需要有一个符合自己的标签选项卡插件。关于jQueryTabs我还是喜欢Karry的《自己动手做jqueryTab标签插件》,简单,高效,实用。MooToolsTabs...

继续阅读 →

9大MooTools Plugins来改善网站的用户体验 »

使用不唐突的JavaScript,只需要一些简短的代码片段就可以极大地改善你的网站,给用户带来良好的用户体验。自从2009年12月10日,MooTools社区的MooToolsForge上线以来,为我们已经提供了很多的MooToolsPlugins。我想你已经从中受益了吧!DavidWalsh和CSS-Tricks一直是我最爱的技术网...

继续阅读 →

盒子(Box)中间的链接(Links),基于MooTools or jQuery »

盒子中间的链接,这个标题不知道如何取比较合适,说白了就是给一个Box模块中间加一个有遮罩效果和悬停效果的超链接,当我们的鼠标移到盒子上面有一个醒目的链接按钮,反之,链接按钮消失并移除。接下来,我们看一下效果图吧,比较直观一些。 ViewDemos» 我们的目标我们这里有一些包含内容的盒子。这个目标就是:当我们的鼠标...

继续阅读 →

打破重复的动画效果,基于CSS,MooTools or jQuery »

也许您看到此文章的标题,有点怪,不好理解。其实我想表达的应用场景是网页上的视频,图片和在线的文档阅读器等,在初始状态下是一种默认效果,当我们的鼠标移到目标上时是还是没有变化的,还是默认的效果。面对这样重复的默认动画效果。是否我们能改善一下用户的体验,增加一个不一样的动画效果或提示。说是那么多,还是有点不明白!哈哈,那我们还是先看一下实...

继续阅读 →

MooTools FormCheck 功能完善的表单验证插件 »

FormCheck是一个MooTools类,允许您执行不同的形式测试,以验证表单上他们之前提交数据的有效性。它现在版本已经是1.6了。支持通过CSS自定义外观,将校验提示信息以Tips的方式显示。FormCheck除了支持一些常用的校验包括:必填校验,数字校验,长度校验等。还支持表达式校验包括:电话号码、Email、URL等。国际化的...

继续阅读 →

文本字段/文本区域的默认值自动显示和隐藏 »

昨天,我看到了张鑫旭同学写的文章是关于《文本框/域文字提示自动显示隐藏jQuery小插件》,我以前也写过这样的教程《表单的文本字段默认值插件,基于MooTools»》,其实说的都是同样的内容。不过张鑫旭同学加了一些可定制的小效果,使原本单调的默认值,更富有生机了,例如改变文本字段/文本区域默认值的颜色,输入值的颜色,边框的颜色及输入框...

继续阅读 →

简单的,流行的,可交换的图片字幕,基于CSS and MooTools »

我在《如何自动给图片或照片加说明文字,使用MooTools»》这篇文章中,介绍了如何给图片自动加说明文字的做法,然而,有的时候我们更喜欢比较时尚和可交换的图片说明文字。虽然他们都说一张照片胜过千言万语,但是不是每一个形象都是不言自明的。有的时候,一句简短的说明文字或在背景上说几句话可以使图像得以区别。这就是为什么图片说明文字(图片字幕...

继续阅读 →

GitHub-Style的按钮 ,基于CSS and MooTools , jQuery »

我们都知道,GitHub是一个管理开源代码库的好地方,并且提供了非常有利于用户体验的web界面,使我们使用起来是如此的简单。然而那么好的交互效果,当然离不开CSS和JavaScript。就像GitHub中的那些基本按钮,也是我喜欢的。接下来,我们可以尝试一下使用HTML,CSS和JavaScript做一个属于自己的GitHub风格的按...

继续阅读 →

热门专题