标签:MooTools1.2 页 2

MooTools DOM 之 Manipulating elements(操纵元素) »

根据在《MooToolsDOM基本分类》日志中的分类方法,在上一节中我们介绍了《MooToolsDOM之Accessingelements(访问元素)》。既然,我们已经学会了如何获得元素,那我们对元素进行操作就没有问题了。操作元素,包括添加或删除一个element的cssclass和获取或设置元素的属性,以及如何获取表单相关元素的值等...

继续阅读 →

MooTools DOM 之 Accessing elements(访问元素) »

依据我在《MooToolsDOM基本介绍与分类》中的分类,专门收集DOM元素的快捷方式有$,$$。其它的getElement(),getElements(),getElementById()有类似于快捷方式一样的功能,但是它们必须依附Elements.为了我们能全面的讲解DOM操作,我们需要构建一个网页。因为所有的网页都能用DOM表示...

继续阅读 →

模仿Flickr的下拉导航条,基于MooTools & jQuery实现的 »

我非常喜欢Flickr相片分享网站,同时我也非常喜欢它的导航条,它的下拉导航条效果非常不错。对于类似效果的实现我在《非常酷的下拉导航条是基于CSS&jQuery》一篇日志中介绍过。我今天说的就是模仿Flickr导航条一样的效果,我同时也提供基于两种主流JavaScript框架MooTools&jQuery实现的版本。演示:http:/...

继续阅读 →

让链接(link)充满活力,基于MooTools & jQuery实现的 »

笔者非常喜欢Safari浏览器和iPhone,他在使用这些产品时,感受到,当你单击某一个链接时,马上就会提供了一个黑暗的背景效果,功能虽然看上去简单,但是这一个小的细节非常有利于用户体验。那么,为什么不让我们所有的网页链接都具有此功能那?其实我们可以利用MooToolsorjQuery很容易实现的。TheCSS.clicked{pad...

继续阅读 →

基于MooTools 的下拉菜单(drop down menu) »

基于MooTools的下拉菜单(dropdownmenu)在以前的jQuery分类中我介绍过一个题目为《SexyDropDownMenuwithCSS&jQuery》的一个例子。它是一个很酷的下拉菜单,是黑金酷的,非常完美,是基于CSS&jQuery开发的。今天我给大家介绍的也是关于下拉菜单的实现效果。虽然美工上没有上例子的华丽,但是...

继续阅读 →

在MooTools中实现 jQuery’s hover() 方法 »

在jQuery中提供一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。它接受了两个函数,代表鼠标的mouseover和mouseout事件。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数,这两个函数正好是我们MooTools的fade()方法(即淡入淡出特效)。以下...

继续阅读 →

MooTools DOM 基本介绍与分类 »

引言文档对象模型(DocumentObjectModel,DOM)是给HTML与XML文件使用的一组API。它提供了文件的结构表述(representation)。它是一组用来描述脚本怎样与结构化文档进行交互和访问的Web标准。DOM定义了一系列的对象、方法和属性,用于访问、操作和创建文档中的内容、结构、样式以及行为。其本质是建立网页...

继续阅读 →