mootools

  • prototype, jQuery, Mootools, ext, dojo speed comparison

    prototype, jQuery, Mootools, ext, dojo speed comparison 2009-03-12

    Web20 are the cornerstone of AJAX, and now several online popular open source AJAX frameworks, such as: jQuery, Mootools, Dojo, Ext JS and so on, then we in the end of the circumstances under which the use of that framework? Following excerpt is a se

    关键词: code execution, google, ajax, plug ins, performance code, code reusability, javascript code, scalability, design idea, level browser, compression code, web20, speed comparison, usage survey, code style, ajaxian, utilization rate, survey tool, lead time, survey results
  • Mootools prospects? Used repeat-invent the wheel and VS

    Mootools prospects? Used repeat-invent the wheel and VS 2009-03-13

    Period of time did not come, have been busy the bottom of the application development, Web client instead of less. JS would like to say something about Mootools framework and words. To see the major sites include Javaeye mainstream technology, there

    关键词: parameters, source code, framework version, google, js, plug ins, technical details, period of time, development web, web client, html tags, compatibility problems, domestic impact, mainstream technology, page presentation, entire project, independent research, application development, research and development, prospects
  • Several popular AJAX framework jQuery, Mootools, Dojo, Ext JS Comparative

    Several popular AJAX framework jQuery, Mootools, Dojo, Ext JS Comparative 2009-07-14

    Several popular AJAX framework jQuery, Mootools, Dojo, Ext JS Comparative I encountered the Internet in many parts of this article, are not clearly marked out the author, find it strange? ? If you are the author of this article, it is very sorry, but

    关键词: open source web, code execution, prototype, ajax, plug ins, dojo, javascript code, scalability, excerpt, mootools, level browser, web20, usage survey, ajaxian, utilization rate, lead time, survey results, special effects, time framework, cornerstone
  • ajax to achieve mootools

    ajax to achieve mootools 2009-10-12

    As we all know, ajax source code can be written directly to achieve, but it's a little cumbersome, and now the popular ajax framework ajax integrated functions, and to write very simple and convenient. Mootools of course, is no exception. Request of

    关键词: lt, java code, public string, utf 8, source code, wrapper class, string url, text html, ajax, json, object object, request method, div, type button, button name, input type text, ping ping, response error, respons, html charset
  • mootools achieve ajax

    mootools achieve ajax 2009-10-13

    As we all know, ajax source code can be written directly to achieve, but it's a little cumbersome, and now the popular ajax framework ajax integrated functions, and to write very simple and convenient. Mootools of course, is no exception. Request of

    关键词: lt, java code, public string, utf 8, source code, wrapper class, string url, text html, ajax, json, object object, functionality, request method, div, type button, button name, input type text, ping ping, response error, html charset
  • mootools implementation tab

    mootools implementation tab 2010-03-29

    Today is not just limited to this library and some basic programming knowledge, we do a simple little project. Through the use of our studied so far have some knowledge, there are a number of ways to create a When the mouse up or click to display the

    关键词: implementation, div, basic programming, gt one, one lt, programming knowledge, container elements, gt four, mou
  • JS library Mootools is one of the Class class on initialize

    JS library Mootools is one of the Class class on initialize 2008-11-05

    I am sure the js are basically going to write, but often there would be a person a style, reading someone else's code or a period of time to read Own code, are very much a headache. If js is also object-oriented, define a class, class names have some

    关键词: class instances, init, grammar, interface, object oriented design, api, constructor, period of time, headache, code style, class names, new cat, encapsulated, class functions, initialization function, mavericks
  • JS library Mootools class of the Class 2 on the implements

    JS library Mootools class of the Class 2 on the implements 2009-09-01

    We all know that java has implements inheritance implementation and extends through the implementation and inheritance, Can be very simple subclass call the parent class method, without the need to re-affirm and realize the same way. mootools can als

    关键词: inheritance, implementation, implements, input value
  • 300 + Jquery, CSS, MooTools and JS navigation menus

    300 + Jquery, CSS, MooTools and JS navigation menus 2010-06-03

    Quote If you are a front-end web developer, so for you, might make a nice navigation menu will be very handy. But today I want to all the resources of different kinds of navigation menus, so that our front-end web development work faster and more con

    关键词: js, attachments, jquery, web developer, mootools, navigation menu, css navigation, different kinds, navigation menus, web development work
  • dojo, jquery, mootools framework to achieve the ajax effect of three

    dojo, jquery, mootools framework to achieve the ajax effect of three 2010-08-27

    Micro-BLOG often, or like tudou, ku6 and other video sites, see "View Comments" button, point after the display list, is the AJAX effect, foreigners find an article, about the implementation: http://davidwalsh.name/twitter-button Summarized as f

    关键词: ajax, background url, input type, png, background color, background position, foreigners, ccc, moz, sans serif, padding, background image url, webkit, sprite, bottom color, repeat repeat, button point, video sites, text shadow, button title
  • Javascritp, prototype, jquery, mootools of AJAX use

    Javascritp, prototype, jquery, mootools of AJAX use 2010-09-03

    Always remember the wording of various AJAX frameworks, today concluded a bit, found some little different. Javascript and prototype written: <div> </ div> <div> </ div> <input type="button" value=" Ordinary GET&q

    关键词: lt, amp, script type, text javascript, prototype, ajax, innerhtml, xmlhttprequest, new activexobject, readystate, microsoft, div, input type, onreadystatechange, frameworks, mootools, dosomething, brocade
  • chm version of mootools help documentation

    chm version of mootools help documentation 2010-09-14

    chm version of mootools help documentation

    关键词:
  • Four popular AJAX framework jQuery, Mootools, Dojo, ExtJS contrast

    Four popular AJAX framework jQuery, Mootools, Dojo, ExtJS contrast 2010-10-29

    AJAX is the cornerstone of web2.0, and now several popular open source AJAX Web framework, such as: jQuery, Mootools, Dojo, Ext JS and so on, then we in the end under what circumstances the use of that framework? The following is a excerpt of the dat

    关键词: code execution, ajax, plug ins, javascript code, scalability, web2 0, compression code, usage survey, ajaxian, lead time, survey results, code samples, special effects, time framework, dom operations, selectors, frame size, style frame, documentation quality, speed performance
  • 面向对象的JS框架 MooTools

    面向对象的JS框架 MooTools 2008-09-05

    MooTools 网站 : http://mootools.net/ MooTools是一个简洁,模块化,面向对象的JavaScript框架.它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代 码. Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似.但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效.拖放操作等. 授权协议: MIT 开发语言: JavaScrip

    关键词: JavaScript, AJAX框架/RIA
  • MooTools的手机框架 MooTouch

    MooTools的手机框架 MooTouch 2011-07-21

    MooTouch 网站 : https://github.com/3n/MooTouch MooTools javascript framework的外掛,目的在於模擬iPhone native UI. 在线演示:http://iancollins.me/MooTouch-Demo/ 授权协议: 未知 开发语言: JavaScript 操作系统: iPhone/iPad/iPod

    关键词: JavaScript, 手机Web开发框架
  • (jQuery,mootools,dojo)使用适合自己的编程别名命名

    (jQuery,mootools,dojo)使用适合自己的编程别名命名 2013-10-25

    我们经常用一些别名方法来使用自己喜欢的js 库.学习javascript的朋友可以参考下. 比如在jQuery里可以经常看到下面的代码 (function($){ //some code })(jQuery) 这样你就可以使用$来代替jQuery; 在mootools里你可以这样写,因为在mootools里$$代表着一个集合 复制代码 代码如下: (function($){ //do sth. })(document.id) 在Dojo里你可以这样写 复制代码 代码如下: (function(d

    关键词: 编程别名, 命名
  • 分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码

    分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码 2013-12-07

    分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码,需要的朋友可以参考下. 先?大家看看效果: 效果介?: 鼠标滑过进度条改变进度值. 兼容性: 可完美兼容IE6,IE7,IE8,Chrome,Firefox 代码: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"

    关键词: 进度条, 鼠标滑过
  • 基于mootools的圆角边框扩展代码

    基于mootools的圆角边框扩展代码 2013-12-08

    做圆角边框一般有两种方法,背景图片或者DIV+CSS拼出来. JQuery下面有个扩展是用纯JS生成的圆角,不过和DIV+CSS拼出来是一样的道理,圆角看上去都比较粗糙. 用背景图片要好看得多,问题是不能拉伸,最简单做法就是用四个角小图片加边框拼出来.不过这样多出N多图片,一堆乱七八糟的代码,相当不爽. 有一个很有技巧的方法,用一张大图片+CSS来做,原理如下. 用一张大的背景图片做圆角,用CSS分别取四个角和边再拼成一个DIV.这样不仅可以解决圆角,还可以生成其它特殊的边框(比如阴影). 但是

    关键词: mootools, 圆角边框
  • Mootools 1.2教程(3) 数组使用简介

    Mootools 1.2教程(3) 数组使用简介 2013-12-26

    在上一篇教程--<Mootools 1.2教程(2)--DOM选择器>中,我们介绍了一下选择器,其中有很多方法就会返回数组(一个你可以对其中内容进行多种操作的特殊列表). 今天,我们在来看看如何使用数组来管理DOM元素. 基本方法 .each(); 在处理数组时,.each();方法是你最好的朋友.它提供了一种很容易的方法来遍历数组的每个元素,如果有需要还可以对其中的元素进行任何逻辑处理.例如,我们可以假设你需要为页面中的每个div对象调用alert方法: 参考代码: $$('div').ea

    关键词: mootools, 数组使用
  • Valerio 发布了 Mootools

    Valerio 发布了 Mootools 2013-12-27

    Valerio 今晚发布了 Mootools,又是一个javascript framework,集成了 Valerio 以前做的 效果类 ( moo.fx ) Ajax类 ( moo.ajax ), Dom选择类 ( moo.dom ), 另外加了拖拽(Drag and Drop), Sortable lists(中文不知道该怎么解释,效果是在一个"狭小"的空间里有一个列表可以拖拽排序 ^^!), Cookies管理以及其他一些功能.做成了一个a choice of more than

    关键词: mootools, Valerio, 发布了
  • 基于mootools 1.3框架下的图片滑动效果代码

    基于mootools 1.3框架下的图片滑动效果代码 2014-01-10

    容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 效果预览如下: 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 代码分析:写一个picSlider类实现代码封装 <div id="container"> <img src="http://files.jb51.net/file_images/article/201104/r_

    关键词: mootools, 图片滑动
  • Mootools 1.2教程 Fx.Morph.Fx选项和Fx事件

    Mootools 1.2教程 Fx.Morph.Fx选项和Fx事件 2014-01-10

    今天,我们继续探索一下这个库的Fx部分 我们将学习如何使用Fx.Morph(它从本质上可以让你同时渐变多个样式表属性),然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项,最后我们将看看如何使用Fx事件,譬如"onComplete"和"onStart".通过这些选项和事件,我们可以获得更好的控制权来控制形变动画. Fx.Morph 创建一个新的Fx.Morph 初始化一个新的形变和创建一个新的渐变很类似,除了你要指定多个样式属性以外. 参考代码

    关键词: mootools, Fx.Morph
  • Mootools 1.2教程 Tooltips

    Mootools 1.2教程 Tooltips 2014-02-21

    今天我们将来看一下MooTools绑定的Tooltip插件.通过"提示(Tips)",你可以轻松地自定义一个包含一个标题和内容的工具提示,可以自定义样式,自定义淡入淡出渐变效果. 我们还将仔细学习一下工具提示的选项和事件,还有一些用来从元素上添加和移除工具提示的工具.最后,我们将学习一下怎么让一个页面有多个不同样式的工具提示. 基础知识 创建一个新的工具提示 创建一个新的工具提示非常简单.首先,我们来创建一个要添加工具提示的链接: 参考代码: <a class="too

    关键词: mootools, tooltips
  • Mootools 1.2教程 设置和获取样式表属性

    Mootools 1.2教程 设置和获取样式表属性 2014-03-05

    今天,我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式,这将给你在UI上带来很大的控制权. 欢迎开始这一系列的教程的第七讲.今天,我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式,这将给你在UI上带来很大的控制权.处理样式非常简单,不过今天我们要做一些调整.例如,我们要介绍键值对(key-value pair)对象.我们也会讲到在domready之外来传递变量,就像我们在关于函数的那一讲中学到的一样.从这里开始,我们会开始慢慢提高难度,介绍

    关键词: mootools, 样式表属性
  • Mootools 1.2教程 滑动效果(Slide)

    Mootools 1.2教程 滑动效果(Slide) 2014-03-31

    今天继续我们的Mootools 1.2教程的第23课,我们今天来讲一下Fx插件中的Fx.Slide.通过该插件,可以让你把内容以滑动的方式显示出来.它使用起来非常简单,是你UI工具箱中一个很好的工具. 基本用法 就像我们前面看过的所有类一样,我们在把这个类应用到一个元素上面时,我们要做的第一件事就是初始化一个新的Fx.Slide实例. 首先,让我们为滑动元素建立一个HTML文件. 参考代码: <div id="slide_element" class="slide&qu

    关键词: mootools, 滑动效果
  • 用Mootools获得操作索引的两种方法分享

    用Mootools获得操作索引的两种方法分享 2014-04-02

    用Mootools获得操作索引的两种方法分享,需要的朋友可以参考下. 我们先说一下第一种方法,(此方法为一位QQ好友提供,感谢此人,此人昵称是:exf) <body> <ul>Title1 <li>11111</li> </ul> <ul>Title2 <li>22222</li> </ul> <ul>Title3 <li>33333</li> </ul&g

    关键词: mootools, 索引
  • js页面滚动时层智能浮动定位实现(jQuery/MooTools)

    js页面滚动时层智能浮动定位实现(jQuery/MooTools) 2014-04-10

    关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果 一.应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下: 随着页面向下滚动,当此水平条接触浏览器的上边缘时,水平条独立出来,不跟随滚动条滚动了,如下图所示: 类似的效果在新浪微博上也有: 当页面滚动,新动态提示开始要淡出浏览器窗口的时

    关键词: 滚动, 定位, 智能浮动
  • MooTools 1.2中的Drag.Move来实现拖放

    MooTools 1.2中的Drag.Move来实现拖放 2014-04-12

    今天我们开始第十二讲,今天我们将仔细看一下Drag.Move--一个很强大的MooTools类,它可以让你给你的web应用添加拖放功能. 它的使用和我们见过的其他的插件类似:首先你使用"new"关键字来创建一个Drag.Move对象并赋值给一个变量,然后你再定义你的选项和事件.这就是全部要做的事情,不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象. 基本用法 Drag.Move 创建你自己的拖动对象非常的容易.稍微看一下下面的例子就行了.注意一下我们是怎么把我们的Drag.M

    关键词: mootools, Drag.Move
  • 基于mootools插件实现遮罩层新手引导

    基于mootools插件实现遮罩层新手引导 2014-05-14

    公司项目有这个需求,刚好这段时间在学习了mootools,于是把功能写成了mootools插件,个人感觉mootools在这方面比jquery强多了 插件代码 /* --- name: UserGuider authors: - Garland Yang requires: [Core/Class, Core/Element.Style, Core/Element.Event, Core/Element.Dimensions] version: - 1.0 ... */ var UserGuid

    关键词: 遮罩层
  • Mootools 1.2教程 函数

    Mootools 1.2教程 函数 2014-05-28

    讲一讲JavaScript中的函数(function)的基本知识. 今天开始MooTools系列教程的第4讲.如果你还没有看过上一讲,请先查看上一篇教程<Mootools 1.2教程(3)--数组使用简介>.今天我们先不讲MooTools,而是讲一讲JavaScript中的函数(function)的基本知识. 但是,为了符合MooTools这个主题,你需要知道在哪里该使用MooTools的函数.此前,我们已经在我们的所有示例代码中,把代码都放在domready方法中.当我们需要把它放在domr

    关键词: mootools, 函数
  • MooTools 1.2介绍

    MooTools 1.2介绍 2014-07-02

    有人最近要求我们写一个关于MooTools 1.2的30天的教程,这似乎也是个很不错的主意,于是我们决定现在就开始.在这些教程中,我们假设用户没有任何MooTools或者是JavaScript经验,但是至少有基本的HTML和CSS知识. MooTools 1.2 JavaScript库介绍 MooTools 1.2是个强大的轻量级的JavaScript库,专门为减轻Web中交互性JavaScript开发.在某种程度上,你可以认为MooTools是CSS的扩展.例如,CSS可以让你在鼠标移上去时发

    关键词: mootools
  • Mootools 1.2教程 滚动条(Slider)

    Mootools 1.2教程 滚动条(Slider) 2014-07-08

    到现在为止,初始化这些MooTools插件对象就会开始变得越来越熟悉.滚动条(Slider)没有任何不同,你要创建一个新的滚动条,定义滚动条和滑块相关的元素,然后设置你的选项,再创建一些回调事件的控制函数. 尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方. 基本用法 创建一个新的滚动条(Slider)对象 我们首先从HTML和CSS开始.基本的想法是创建一个滚动条的div,因此是一个长的长方形(长度取决于我们用滚动条做什么),还有一个子元素作为滑块. 参考代码: <di

    关键词: mootools, 滚动条
  • Mootools 1.2教程 排序类和方法简介

    Mootools 1.2教程 排序类和方法简介 2014-07-22

    从今天开始,我们将开始讲解"更多"(more)库里面的更多插件.Sortables是一个非常强大的插件,能够真正地扩大你的用户界面设计的选择面. Sortables类还提供了包括一个名叫"serialize"的优秀方法,通过这个方法你额可以把这些元素的id作为数组输出--对于服务器端的开发非常有用.接下来,我们看看如何创建一个新的排序项集合,还有一定要看一下最后的演示实例. 基本知识 创建一个新的Sortable对象 首先,我们要把我们要排序的元素赋值给变量.对于S

    关键词: mootools, 排序类
  • Mootools 1.2教程 同时进行多个形变动画

    Mootools 1.2教程 同时进行多个形变动画 2014-08-04

    今天我们来学习一下Fx.Elements插件,这是一个基于Fx.Morph的插件.与应用于单个元素不同的是,Fx.Elements可以允许你一次性给多个元素添加动画. 这在你给多个元素添加有相同选项的形变动画时非常有用.就像我们在第20讲中看到的最后一个例子一样. 基本用法 使用Fx.Elements的方法看起来和Fx.Morph差不多.这两者之间的区别在于.start({})方法和.set({})方法. 为了保证事情简洁,让我们首先建立一个元素数组,以用来传递给Fx.Elements. 参考代

    关键词: mootools, 形变
  • Mootools 1.2教程 定时器和哈希简介

    Mootools 1.2教程 定时器和哈希简介 2014-08-22

    在今天的教程中,我们将关注两块内容:第一个就是.periodical();方法,然后我们再对hash做一个简介. 定时器能比它表面看起来做更多的事情--定时能定期地触发一个函数.另一方面,hash则是键值对(key/value)的集合.如果你对hash还不熟悉现在也不要着急--我们今天就会做一个快速简要的介绍,并且会提供一些延伸阅读的相关链接.就像MooTools中的所有东西一样,一旦你看到它的正确用法,它使用起来就非常的简单,并且不可思议的有用. .periodical()函数 基本用法 使用

    关键词: mootools, 定时器, 哈希
  • 通过Mootools 1.2来操纵HTML DOM元素

    通过Mootools 1.2来操纵HTML DOM元素 2014-09-14

    今天我们来深入地学习一下如果操纵HTML元素.通过MooTools 1.2,你可以添加新元素到一个HTML页面中,也可以删除元素,以及改变任何样式或者元素参数,这些都非常容易. 我们已经学习过如何来选取DOM元素,怎么创建数组,怎么创建函数,怎么把事件添加到元素,今天我们来深入地学习一下如果操纵HTML元素.通过MooTools 1.2,你可以添加新元素到一个HTML页面中,也可以删除元素,以及改变任何样式或者元素参数,这些都非常容易. 基本方法 .get(); 这个工具可以让你获取元素的属性(

    关键词: html, DOM元素
  • Mootools 1.2教程 正则表达式

    Mootools 1.2教程 正则表达式 2014-09-15

    今天我们将先简要地看一下正则表达式,然后再看一下MooTools提供的一些让正则表达式更容易使用的功能. 如果你还不熟悉怎么使用正则表达式(regular expression(regex)),我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接,尤其是文章结尾"更多学习"部分的链接.我们今天只是讲一讲正则表达式最基本的用法,正则表达式能做的远远超过我们今天所讲的内容. 基本用法 test()方法 它的简单在于,一个正则表达式可以是一个你想要匹配的简单字符串.尽管JavaScrip

    关键词: mootools, 正则表达式
  • Mootools 1.2教程(2) DOM选择器

    Mootools 1.2教程(2) DOM选择器 2014-09-18

    今天开始本系列教程的第2讲.在这一讲中,我们会学习几种选择HTML元素的方法.在许多方面,这是MooTools用得最多最基本的.毕竟,要创建一个基于HTML元素的交互性用户体验,你必须首先把它们掌握在手中. 如果你还没有准备好,请先阅读上一篇<Mootools 1.2教程(1)--MooTools介绍>.我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本. 今天开始本系列教程的第2讲.在这一讲中,我们会学习几种选择HTML元素的方法.在许多方面,这是MooToo

    关键词: DOM, 选择器
  • Mootools 1.2 手风琴(Accordion)教程

    Mootools 1.2 手风琴(Accordion)教程 2014-09-24

    继续我们的"更多"(More)库里面的插件教程,今天我们来学习一下可能是最流行最受欢迎的插件--手风琴. 创建和配置一个基本的手风琴很简单,但是你一定要认真看完全文,因为更多的高级选项可能有一些复杂. 基础知识 创建一个新的手风琴 要创建一个新的手风琴,你需要选择一些成对的元素--包含标题和内容.因此,首先,需要给每一个标题和每一个内容块分别指定一个css类名: 参考代码: <h3 class="togglers">Toggle 1</h3>

    关键词: mootools, 手风琴
  • Mootools 1.2教程 输入过滤第一部分(数字)

    Mootools 1.2教程 输入过滤第一部分(数字) 2014-10-05

    今天我们来看看MooTools是怎样使得过滤用户输入变得非常轻松.我们今天将讲一些基本的数字过滤,明天再更深入地讲讲字符串过滤. 注意:JavaScript中的输入过滤只是为了保证(客户端)代码顺利执行,并不能替代服务器端的字符串过滤来保护你的应用程序不被注入攻击. 在第四讲的最后的一个例子中,我们从文本输入框获取RGB值,然后使用它们来改变页面背景色,今天我们首先来看看那个例子的部分代码,并以此展开我们这一讲. rgbToHex() 从技术上讲,rgbToHex()方法实际上是属于Array集

    关键词: mootools, 输入过滤
  • MooBox 基于Mootools的对话框插件

    MooBox 基于Mootools的对话框插件 2014-10-07

    这几天, 利用晚上的闲暇时间, 写了个mootools组件,原型来自于jQuery UI Dialog, 为防止重复,就起了名字叫mooBox. 一方面出于对mootools的兴趣(虽然没有jQuery那么hot), 另一方面,也是想为mootools的推广添一点小小的力量,虽然这微不足道. 加上前面发布过的2个mootools组件, 写下来总的感觉是: 在效果实现方面, 确实用jQuery编写要比用mootools来的容易快速的多, 因为在很多细节问题上jQuery已经为我们考虑了.比如moo

    关键词: 对话框, MooBox
  • Mootools 1.2教程 Fx.Tween的使用

    Mootools 1.2教程 Fx.Tween的使用 2014-10-25

    今天我们开始第三讲,我们今天主要看一下Fx.Tween. 和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大.Tween可以让你添加那些极"炫"的效果--可以很平滑地发生形变动画,从而改善你的用户体验. Tween的快捷方法 我们通常都从"基本知识"入手,不过MooTools 1.2只为渐变(tween)提供了这样极其出色的快捷方法,它们使用起来都极其简单以至于我忍不住要从这里开始. .tween(); 一个渐变(tween)是

    关键词: mootools, Fx.Tween
  • MooTools 页面滚动浮动层智能定位实现代码

    MooTools 页面滚动浮动层智能定位实现代码 2014-11-09

    MooTools 页面滚动浮动层智能定位实现代码,需要的朋友可以参考下. HTML代码: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码: 复制代码 代码如下: var $smartFloat = function(elements) { var position = function(element) { var top = element.getPosition().y,

    关键词: 滚动, 浮动层, 智能定位
  • Mootools 1.2教程 选项卡效果(Tabs)

    Mootools 1.2教程 选项卡效果(Tabs) 2014-11-11

    今天将不只是受限于这个库和一些基本的编程知识,我们来做一个简单的小项目.通过使用我们目前为止已经学过的一些知识,有几种方式来创建当鼠标移上去或者点击时显示相应内容的tab. 简单的"额外信息"标签(TAB) 鼠标移上去显示内容的TAB 在这第一个项目中,我们要创建一个简单的菜单,当鼠标移动到这些菜单上时显示相应的内容.首先,我们来完成HTML代码--我们就用包含四个列表项的ul好了,然后再创建四个div(每一个div对应一个列表项): 参考代码: // 这里是我们的菜单 <ul

    关键词: mootools, 选项卡
  • 基于MooTools的很有创意的滚动条时钟动画

    基于MooTools的很有创意的滚动条时钟动画 2014-12-01

    一款很有创意的时钟js动画.是利用系统滚动条来构成一个 时:分:秒 的盘. 再利用滚动条的长度变化做过渡动画. 是基于MooTools来做的. 效果比较平滑. 看图: 在线演示:http://demo.jb51.net/js/ScrollClock/打包下载:http://xiazai.jb51.net/201011/yuanma/ScrollClock.rar

    关键词: 滚动条, 时钟动画
  • 使用Mootools动态添加Css样式表代码,兼容各浏览器

    使用Mootools动态添加Css样式表代码,兼容各浏览器 2014-12-12

    这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用 但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css. AddCss=function(c){ var Sty=document.createElement('style'); Sty.type='text/css'; if(Browser.ie){ Sty.styleSheet.cssText=c; }

    关键词: mootools, 动态添加
  • Mootools 1.2教程 类(一)

    Mootools 1.2教程 类(一) 2014-12-13

    今天我们将讲一下用MooTools来创建和使用类的一些基本知识. 简单地讲,一个类就是一个容器,这个容器包含了一些变量集合和操作这些变量的函数,以便实现特定的功能.在一个内容牵涉较多的项目中,类会显得难以置信的有用. 变量 在前面一系列的课程中,我们已经学习过了Hash对象中键值对(key/value pair)的使用方式,因此,下面的这个例子中创建了一个类,它只包含了一些变量,你看起来可能会觉得非常的熟悉: 参考代码: // 创建一个名为class_one的类 // 包含两个内部变量 var

    关键词: mootools, 创建类
  • 背景图跟随鼠标移动的Mootools插件实现代码

    背景图跟随鼠标移动的Mootools插件实现代码 2014-12-31

    背景图跟随鼠标移动的Mootools插件实现代码,学习mootools的朋友可以参考下. 效果演示: 源代码: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> </head> <body id='a'> <h

    关键词: 鼠标移动, 背景图
  • Mootools 1.2教程 输入过滤第二部分(字符串)

    Mootools 1.2教程 输入过滤第二部分(字符串) 2015-01-12

    今天我们来看一看MooTools给我们提供的额外的一些处理字符函数.这只是MooTools字符串处理中的一部分,并不包含一些神秘的函数(比如toCamelCase())和使用正则表达式处理字符串的函数. 我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用. 在开始之前,我想先花一点时间来看一下字符串函数是怎么调用的.在我的例子中,我是在字符串变量上面直接调用这个方法的,就像下面的这样: 参考代码: var my_text_variable = "Heres some

    关键词: mootools, 输入过滤
  • Mootools 1.2教程 事件处理

    Mootools 1.2教程 事件处理 2015-02-22

    我们学习了在MooTools 1.2中建立和使用函数的几种不同方式.下一步就是理解事件了.和选择器类似,事件也是建立互动界面的一个重要部分. 今天我们开始第五讲,在上一讲(<Mootools 1.2教程(4)--函数>)中,我们学习了在MooTools 1.2中建立和使用函数的几种不同方式.下一步就是理解事件了.和选择器类似,事件也是建立互动界面的一个重要部分.一旦你掌握了一个元素,你需要去决定什么行为来触发什么效果.先把效果留着以后在讲,我们首先看一看中间步骤和一些常见的事件. 左键单击事件

    关键词: mootools, 事件处理

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.050 (s). 11 q(s)