MooTools toggle(fn,fn)的简单实现方式 »
Element.implement({toggle:function(event,fn,fn2){varflag=true;returnthis.addEvent(event,function(){(flag?fn:fn2).apply(this,arguments);flag=!flag;});}});window.addEvent...
Element.implement({toggle:function(event,fn,fn2){varflag=true;returnthis.addEvent(event,function(){(flag?fn:fn2).apply(this,arguments);flag=!flag;});}});window.addEvent...
对于超链接标记的title属性,本身的提示效果我们并不是很满意,所以我们会使用JavaScript来打造自己的Tooltips效果。MooToolsMore也自带Tipsplugins,使用起来也蛮方便的,它怎么使用不是我今天说的重点。TinyTooltips,才是是今天的主角。我们使用到的技术有CSSborder生成三角技术,CSS...
关于标签(Tabs)选项卡,jQuery版的插件众多,功能强大的也非常多,只要你Google一下,一抓一大把,但是,不是每一个都适合自己,考虑到代码的臃肿,需求的变动,得需要有一个符合自己的标签选项卡插件。关于jQueryTabs我还是喜欢Karry的《自己动手做jqueryTab标签插件》,简单,高效,实用。MooToolsTabs...
使用不唐突的JavaScript,只需要一些简短的代码片段就可以极大地改善你的网站,给用户带来良好的用户体验。自从2009年12月10日,MooTools社区的MooToolsForge上线以来,为我们已经提供了很多的MooToolsPlugins。我想你已经从中受益了吧!DavidWalsh和CSS-Tricks一直是我最爱的技术网...
ElementHighlight是一个强调或突出元素的一个动画效果插件,默认情况下所有的同类元素都是不透明的,当我们的鼠标移动到某一个元素上时,就会与其它剩下的元素有区别,就会突出显示。ViewDemo» DownloadFiles»此实例用到了MooToolsMore中的一个插件是Element.DelegationEl...
盒子中间的链接,这个标题不知道如何取比较合适,说白了就是给一个Box模块中间加一个有遮罩效果和悬停效果的超链接,当我们的鼠标移到盒子上面有一个醒目的链接按钮,反之,链接按钮消失并移除。接下来,我们看一下效果图吧,比较直观一些。 ViewDemos» 我们的目标我们这里有一些包含内容的盒子。这个目标就是:当我们的鼠标...
最近,我开始关注Dojo了,Dojo是一个强大的面向对象JavaScript框架,既然我那么喜欢MooTools,也没理由不喜欢Dojo。与Dojo相比我对MooTools和jQuery是比较熟的。这并不重要,不管使用什么样的语言,我们完成的任务是相同的,本质上的区别是使用的语法不同罢了。接下来,我就来看一些不同JavaScript框...
保持同一容器中的所有元素之间具有相等的高度或相等宽度,可以使一个页面变的美观和整洁。遗憾的是,有的时候想保持同一高度或同一宽度的列或行是用CSS很难做到的。我们就不得不借助JavaScript来实现此功能了。我这儿就给大家提供一个”元素等高或等宽的插件“,它的灵感来自DavidWalsh(http://davidwalsh.name/...
我们习惯于把匿名方法应用于我们最喜爱的JavaScript框架中。这样一来,我就可以通过匿名方法的方式快速引用框架中的对象了。ThefollowingpatternwithinjQuerycode:(function($){//yourjQueryhere,referencedby$})(jQuery);Thefollowingpat...
也许您看到此文章的标题,有点怪,不好理解。其实我想表达的应用场景是网页上的视频,图片和在线的文档阅读器等,在初始状态下是一种默认效果,当我们的鼠标移到目标上时是还是没有变化的,还是默认的效果。面对这样重复的默认动画效果。是否我们能改善一下用户的体验,增加一个不一样的动画效果或提示。说是那么多,还是有点不明白!哈哈,那我们还是先看一下实...