CSSrainbow.cn

Sharing what I know and learn about (X)HTML,CSS,JavaScript,MooTools,Dojo,jQuery,PHP,ASP,Java,Python and ∞.

Browsing Category :

MooTools

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

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

Continue Reading »

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

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

Continue Reading »

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

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

Continue Reading »

Posted on: in MooTools By:
Rainbow
0

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

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

Continue Reading »

Posted on: in MooTools By:
Rainbow
0

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

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

Continue Reading »

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

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

Continue Reading »

MooTabs plugin ,基于MooTools »

我今天提供的教程是以Chris Coyier 写的 Organic Tabs jQuery plugin为原型改写的MooTabs MooTools plugin 。 Organic Tabs,非常酷,可以展现大量的信息。它使你的标签不再那么“傻乎乎”,当我点击相应的标签对象,它对应的内容是富有动感的,平滑过渡的。同时也保持了清洁和富有语义的标记。 在这儿我就不多说了,想了解更多请看CSS-TRICKS提供的教程(Org...

Continue Reading »

MooTools 1.3 ßeta 1发布了:一起来看有哪些新变化 »

MooTools 1.3 我们已经等待了很久了,现在只发布了测试版,我们还是期待着最终版的发布,在MooTools 1.3 版本中,我们已经看到了 MooTools团队给MooTools带来的变化 ,相对于MooTools 1.2+版本自然改进和修正了大量的错误,并且100%兼容MooTools 1.2 的每一个公共的 documented API。让我们一起来看看有那些新变化吧。 官方博客文章: MooTools 1.3 beta has been ...

Continue Reading »

网站功能列表插件,基于MooTools or jQuery »

对于网站的功能列表模块,有许多的网站都有应用,它能够快速了解网站提供的服务或功能,准确的引导用户进入相关服务模块,以免用户进入迷宫,简单方便的互动了用户。 以前用Flash 实现 “特色项目” 或 “功能列表”的网站居多,自从jQuery的出现 ,给我们带来了简洁和强大的动画效果,有些方面完全可以取代Flash的动画效果。 接下...

Continue Reading »

关于‘TOP’置顶链接的那些事儿 »

‘TOP’置顶链接,说的通俗一点就是‘返回顶部的链接’,‘go to top ’一般都放在页面的底部,它可以快速返回页面顶部,以节省用户浏览页面的时间。 它主要的应用场景是 当你有一个很长的网页内容时,您通常要 把 ‘TOP’锚点链接 添加在页面底部,只要用户一点击‘TOP’链接 ,就可以马上回到 页面的顶部了。 我们遇到的问题是:不...

Continue Reading »

 Page 1 of 7  1  2  3  4  5  6 » ...  Last »