JavaScript 页 3

实现 Show()和 Hide()方法,基于MooTools »

MooTools最大的灵活性就是可以自由的扩展类,实际上确实有MooTools的plug-ins在帮你完成这些动作:jQuerysyntaxforMooTools。MooTools着重在延伸能力上,这意味着你可以做任何你想做的事情,这是jQuery没办法办到的。MooTools可以模仿jQuery,但是jQuery没办法模仿MooTo...

继续阅读 →

删除残破的图片(Broken Images),基于 MooTools or jQuery »

我们写BLOG的时候,喜欢收藏一些好的文章,但是我们收藏的文章中的图片路径大多数是原来的路径,并没有保存到自己的目录中,这样会有图片断链的问题,图片元素就会空白站位,会影响网页的美观性,会给用户带来失落感,不信任感。想了一会儿,我决定最好一起删除的网页中破碎的形象。下面你会发现使用MooTools或jQuery做此事是多么容易的一件事...

继续阅读 →

简单的颜色选项卡,基于CSS and MooTools »

你想在200秒内切换颜色吗?使用MooTools很容易实现的。此例子演示的是通过颜色选项卡,给标题换背景色。当我们的鼠标经过头部的时候会出现一个简单的颜色选项卡,通过它我们可以设置预定的背景色,当鼠标离开头部的时候颜色选项卡是隐藏的效果。这个动作是可以反复执行的。 MooToolsDemo TheCSSCode:#...

继续阅读 →

Implement Element.getSiblings() in MooTools »

p>也许,您比较熟悉jQuerysiblings()方法,它的作用是:取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合,返回匹配元素集合。这个方法非常有用的,但是MooTools中是如何实现的,我们看一下:Element.implement({getSiblings:function(match){returnthi...

继续阅读 →

元素创建的快捷方式,基于MooTools »

最近一段时间总是在敲代码,为了减少输入量,得想一些方法,得解放自己。MooTools的元素创建,需要敲打很多的字母,如果把行输入,改为线输入就好了。varcurly=newElement('div',{id:'curly','class':'stooge'});此时,不由的想起了jQuery的方法,创建HTML是很方便的,var$cu...

继续阅读 →

理解JavaScript中的事件处理 »

什么是事件?事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水。当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大...

继续阅读 →

Mootools: toElement 方法 »

MooTools1.2另一个新特点是toElement方法(但并没有在其官方文档里说明),可以添加到您的类(或对象)中。这个方法的灵感来自Prototypeframework,MooTools开发者认为在精简classes中是非常有用的,并在MooTools中采用了它,并把它放入了核心。Note:itsnotyetdocumented...

继续阅读 →

MooTools中的事件(上) »

在前面的教程中我们已经把《SelectingDOMElements》部分学习完了。为了给网站用户提供更好的交互性和动态特性(比如说拖放与拖拽,动画,等等),只有选择器是不够的,事件也是建立交互界面的一个重要部分。什么是事件?事件(Event)是JavaScript应用跳动的心脏。当Web页面中发生了某些类型的交互时,事件就发生了。事件...

继续阅读 →

热门专题