您正在浏览 “Demos & Downloads” 类的相关文章
  • 没有分类目录

MooTools TinyTooltips »

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

继续阅读 →

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

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

继续阅读 →

MooColorPicker 颜色选择器插件 »

MooColorPicker插件是基于MooTools开发的,它的作用是从颜色列表方块中选择颜色。我在以前的一篇的《简单的颜色选项卡,基于CSSandMooTools》文章中,介绍过类似的效果,功能无法与MooColorPicker插件相比。不过它的有些思想和部分代码可用应用到“网页换肤”中,这样写出来的程序更有可移植性。如何使用Th...

继续阅读 →

网页随机换肤 »

我在上一篇《网页换肤,基于MooToolsorjQuery》文章中,通过一个完整的实例讲解了一下网页换肤的原理。即,通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤记入Cookie中,这样用户下次访问时,就可以显示用户自定义的皮肤了。在CSS9.NET博客上,IIduce写了一篇关于随机加载样式的文章,他给自己的微博...

继续阅读 →

网页换肤,基于MooTools or jQuery »

我们都知道WEB2.0是以人为核心线索的网,为了更好的增强用户体验,一些比较流行的SNS社会网络,非常重视用户自定义功能,例如自定义新闻内容,可以任意拖动新闻内容,还可以选择网页皮肤,例如:谷歌,雅虎,腾讯等都类似的功能。网页换肤的原理是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤记入Cookie中,这样用户下次...

继续阅读 →

灵活的等比例缩放图像类,基于MooTools »

在本教程中,我们将解释如何按比例调整图像。当前流行的就是使用JavaScript库(MooTools,jQuery,ExtJS,script.aculo.us,YUI)来实现一些效果,当然我今天的例子也是使用当前流行的MooTools来实现的。我把它写成MooToolsClass形式是为了程序的灵活性和可扩展性。实现思路我们将使用一&...

继续阅读 →

Google-Style之元素褪色(Element Fading),基于MooTools or jQuery »

如图所示:Google-Style——元素褪色(ElementFading)谷歌最近在他们的网页上推出了一个有趣的效果:左上角和右上角的导航条不显示了,直到您移动鼠标或离开searchtermbox。为什么?我猜测,他们是希望自己的网页,尽可能的简单;这样的好处就是搜索框立即给予关注,至少有一半的用户可能只需输入关键字,按下回车键——...

继续阅读 →

表单设计与滑动的标签(Labels),基于MooTools or jQuery »

对于表单的可用性设计,一直是Web设计人员研究的课题,如果你想了解更多关于FormDesign的知识,我建议你看一下Yahoo的LukeWroblewski写的书《WebFormDesign》,人家是这方面的大牛,有许多的专题论文。我们的设计灵感来自Apple重新设计的商品结帐表单。我们实现的效果就是:input的labels水平滑动...

继续阅读 →

让所有的浏览器都支持 HTML5 placeholder 属性,基于MooTools »

随着HTML5发布,我们已经看到了HTML5会给Web开发标准带来最巨大的飞跃。如果您想了解更多关于HTML5和CSS3的知识,请看一下来自淘宝的空雁写的《揭秘HTML5和CSS3》会有您想要的东西。我们今天是对HTML5中input和textarea所新增的placeholder属性进行讨论,placeholder属性的作用相当于输...

继续阅读 →

实现侧边栏滚动的多种技术,基于CSS,jQuery or MooTools »

当我们,页面内容的篇幅很长的时候,我们需要拼命的向下滚动页面,鼠标滚动的次数过多,难免有些让人不耐烦。这样,就需要在文章的侧面需要一个“目录侧栏”,如果“目录侧栏”跟着滚动页面动作移动那就更好了,非常有利于用户体验,有很多方法去做“Number”。本文就告诉你实现侧边栏滚动的多种技术。我们将讨论两个:CSS和JavaScript(jQ...

继续阅读 →