随笔分类 - 编程
编程类的随笔
摘要：我们先说一下第一种方法,(此方法为一位QQ好友提供,感谢此人,此人昵称是:exf)<body><ul>Title1 <li>11111</li></ul><ul>Title2 <li>22222</li></ul><ul>Title3 <li>33333</li></ul><ul>Title4 <li>44444</li></ul><script type='text/javas
阅读全文
摘要：先給大家看看效果:效果介紹: 鼠标滑过进度条改变进度值.兼容性: 可完美兼容IE6,IE7,IE8,Chrome,Firefox代码:<script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script><style type="text/css">#prg{ font-size:12px; height:100%;
阅读全文
摘要：下载地址:https://skydrive.live.com/redir.aspx?cid=5978cd52762bf8f5&resid=5978CD52762BF8F5!188&parid=5978CD52762BF8F5!152参考:http://hi.baidu.com/see7di/blog/item/4daf1955bd555bc8b745ae93.htmlsvn地址是:https://mootools141-cn.googlecode.com/svn/trunk以后最新版将会直接在此更新!
阅读全文
摘要：这个函数很有用处,尤其是当我们在使用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; }else{ var Frag=document...
阅读全文
摘要：<select id="select" onchange="location.href='?page='+escape(this.value)+'';"> <option>请选择</option> <option value="这是第一个">1</option> <option value="2">2</option> <option value="這是第三個">3&l
阅读全文
摘要：开博没几天我的名次从13000多窜到了7000多,真是吃了化肥加伟哥了,感谢童鞋们的鼎力相助,好了屁话免谈进入正题. 获取索引的方法已经更新过了,请浏览此文:http://www.cnblogs.com/see7di/archive/2011/12/09/2281428.html 我承认在jquery里想获得索引确实非常简单,只需要这样就行了//取得當前列的索引值var ti=$(this).index(); 真的是简单到不行,今天我在开发插件的时候又遇到了需要取得索引值得问题,据我所知Moo是没有提供此方法的,于是乎放狗去找,找了半天在CSDN上看到有人在问同样的问题,打开那篇文章...
阅读全文
摘要：今天有人在群里问为何给Number用extend扩展的时候总是出错,我记得前几天阅读Moo的源代码时好像发现Number好像是只能用implement来进行扩展,而extend似乎是给Function扩展用的,于是乎查了一下官方文档http://mootools.net/docs/core/Core/CoreType method: extendAdds one or more functions to the type. These are static functions that accept for example other types to parse them into th..
阅读全文
摘要：今天在开发的过程中遇到了一个有趣的多节点操作的状况,拿出来和大家分享一下,同时比较一下Mootools和jquery的差异 因为之前用jquery,现在转到mootools之后惯性思维一直不好改,结果今天发现了这个问题,如果把Mootools的语句用jquery的 写法来做是无论如何都没办法达到预期效果的,所以必须要把多个节点使用Array的each方法给拆解出来才可以实现.由此可见mootools更接近 js原型开发. 我们看一下下边的代码://Mootools的做法:function Global_HidShow_Other(i){ i=$(i); if(i.checked)...
阅读全文
摘要：Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html 控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5
阅读全文
摘要：转眼之间已经第七课了,这也将成为最后一课,如果这7课下来您感觉水平没有达到预想的水平,没关系您可以继续关注本站的博文,我会陆续发一些类似的文章帮您提升水平,另外我最近打算和群里的几个Mootools爱好者制作一下Mootools1.4的chm版中文API手册,如果您对此感兴趣可以来群里一起讨论(QQ群号:16648471) 我们今天的课程主要讲解一下Mootools的class,因为Mootools的class通常用于对插件的封装,所以讲完了class之后我会实际开发一个插件并详细说明插件的开发过程.在Mootools中使用Class构造函数创建一个类有两种方式，也就是传递两种不同类型的...
阅读全文
摘要：先看一下动画的参数设置:参数: fps - (number:默认是50) 每秒的帧数. unit - (string:默认是 false) 单位,可为 'px','em',或 '%'. link - (string:默认是 ignore) 可以是 'ignore','cancel' 和 'chain'. 'ignore'-当请求正在执行之中时,新的请求将被忽略 'cancel'-当请求正在执行之中时,将立即取消当前执行中的请求,开始执行新的请求 'chain&
阅读全文
摘要：效果演示:源码下载:点击下载实现代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text
阅读全文
摘要：ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成语法: var myRequest=new Request([参数]);参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link - (string:默认是'ignore') 可为'ignore','cancel','chain'. 'ignore' - 当请求正在执行之中时,新的请求将被忽略 'canc
阅读全文
摘要：Mootools提供了很多的事件,例如click,keydown,change等,当然了除了这些事件之外我们还可以定义自己的事件以达到不同的需求,下边我分别定义了三个不同的事件:1.按住Shift键点击鼠标左键触发事件: Element.Events.shiftclick ={ base:'click', condition:function(event){ return (event.shift == true); } }; document.getElement('body').addEvent('shi...
阅读全文
摘要：Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:.这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法比较多,所以我就挑选几个常用的方法给大家讲解一下,其他没有讲到的方法请大家自行查阅素材文件内的说明和示例. 这部分的用法很简单,你只需要知道自己现在正在操作的是什么数据类型,知道了数据类型之后要知道mt为该类型数据的操作都提供了哪些可供我们使用的方法即可,如果你不能确认自己现在操作的是什么类型的数据...
阅读全文
摘要：如果你曾经是jquery的写手,而又不想学mootools的语法格式的话,我们可以修改一下mootools的语法格式让其语法格式和jq完全相同,这样你就不但不必在学习mt的语法了,同时还可以体验到mt的优点,在这种状况下我们可以做到不改变jquery已有的任何语句只修改一下对js框架的调用即可(即把对jquery.js的调用换成对mootools.js的调用),保证网站不会出错,听起来是挺唬人.实际上完全能做得到. Mootools有强大的扩展机制,这种机制允许我们随意定制Mootools的语法格式,这是一个好消息,不好的消息是如果想把jquery的语法格式改成mt那打死也做不到,废话不...
阅读全文
摘要：当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下.很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的.那么我的这篇文章实际上就是面向对象的一种应用,只不过这个对象是一个function,而并非class.//给指定Function扩展新的方法或属性var Fun=function(){ alert('a')};Fun.extend({ aa:function(){ alert('b'); }});Fun();Fun.aa();在上边这段代码中函数Fun唯一的用途就是用
阅读全文
摘要：我们先来看一下下边的代码:function Fun(){ this.setStyle('color', 'red');};Fun();上边的函数我想实现的功能是给函数所对应的对象this设置css属性,然后我在调用函数的时候并未传递给这个函数任何对象,那么此时this应该对应的对象时window那如果我要操作指定的某个节点该怎么做呢?看下边传统的方式:function Fun(o){ o.setStyle('color', 'red');};Fun($('id'));这是一种最传统的做法,要求我们在调用函数的时候传
阅读全文
摘要：这是一种最简单的用法:(function(){ alert('one second later...');}).delay(1000);这个函数会在1秒之后自动被执行我们看一下delay这个函数的实现方法:delay: function(delay, bind, args){ return setTimeout(this.pass((args == null ? [] : args), bind), delay);}很显然,它是使用了setTimeout来实现的,那么既然如此我们就可以清理他,下边是实现方法:var Fun=function(msg){ alert('f
阅读全文
摘要：Jquery用起来确实很方便,然而最让人困扰的是内存泄露问题,好吧,或许你说我jquery用的不好,水平太菜鸟,没关系我不生气,你可以去大名鼎鼎的GOOGLE输入:jquery 内存然后点击搜索按钮,看到了吗,整个页面全是关于内存泄露的问题,群众的眼光雪亮雪亮的.下边是我刚才录制的一个关于内存泄露的动画,观看动画的时候请注意右侧的内存状况. 其实这种内存溢出的状况是普遍存在的,例如官网提供的排序,lightbox等插件都有此问题.
阅读全文
