xiebiji.com

研究了一下js的面向对象编程，模拟了一下类定义和继承，尝试过用原型来做，但是总是做不了，后来用了别的方法，可能不是最好的方法，有见解的同学欢迎评论。

function dump(o){ console.log(o); } //模拟类和继承 function Class(args){ a=function(){ this.init=function(){ alert('没有为类建立初始化函数'); } //添加自定义参数 for(var p in args){ this[p]=args[p]; } //初始化的时候执行 this.init.apply(this,arguments); } a.extend=function(args){ //添加自定义参数 t=new this();//实例化一个父类，会执行父类的初始化函数 for(var p in args){ t[p]=args[p]; } return Class(t); } return a; } ...

还是先看效果吧：

测试地址：mt1.2cn/fxScroll.html" target="_blank">http://xiebiji.com/works/mt1.2cn/fxScroll.html

实例例子压缩包：mt1.2cn

*原创文章转载请注明出处：http://xiebiji.com/2009/09/mtscroll 作者:小Joe

Jq有提供锚点跳转的效果实例（点击这里查看jq实现的方法），其实mootools也有的(Fx.Scroll扩展类),具体如下实现： ps.实例中介绍了一种全居中的css写法，有兴趣又不知道的同学可以研究一下了。^_^高手就瞄一下吧。

HTML代码：

1.我是第一锚点 2.哈？我也是锚点，我是第二个 3.第三个锚点就是我啦 4.什么？我居然是第四个锚点 5.我汗~我是最后一个锚点 目标一 目标二 目标三 目标四 目标五

css代码：

/*全居中*/ body,html{height:100%;} #container{width:420px; height:520px;background:#000;margin:-260px a...

mootools里面有个能够实现类似QQ面板功能的功能类，效果？如下：

.element {

}

.element p { margin: 0; padding: 4px; }

.float-right { padding:10px 20px; float:right; }

blockquote { text-style:italic; padding:5px 0 5px 30px; }

--> 我的折叠菜单 网站简介 写笔记的小Joe，是一个记录网络笔记，趣事，心得的个人独立博客，有专有的主题风格。其中大部分内容有：mootools,js,php,falsh等电脑语言笔记，当然还有电影，音乐等娱乐资讯，有一定的访问群体。写笔记的小Joe，是一个记录网络笔记，趣事，心得的个人独立博客，有专有的主题风格。其中大部分内容有：mootools,js,php,falsh等电脑语言笔记，当然还有电影，音乐等娱乐资讯，有一定的访问群体。写笔记的小Joe，是一个记录网络笔记...

mootool这个类oo型的S框架果然强大！其中的function类有一个方法叫bind,这东西太方便了！怎样方便，请看以下代码： HTML代码:

mootool要变我颜色了！

JS代码:

var e=$('element'); function ChangeColor(){ this.setStyle('background','red'); } var ChangeColorBind=ChangeColor.bind(e);//这样ChangeColor函数里面的this就被e元素替换了！ ChangeColorBind();

也许这里你还没看见这个有多方便方便，但是涉及到嵌套函数的时候你就知道它有多强大了！