码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象编程1

时间:2015-07-08 18:09:54      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

首先,关注jquery的两个方法,$.extend({},ScrollTo.DEFAULTS,opts),如果用户输入opts就用opts,否则用默认值ScrollTo.DEFAULTS

$.proxy(this._move,this))重定向指针,this指向this对象实例而不是当前点击元素

 

 

//定义基本对象ScrollTo

define([‘jquery‘],function($){

  function ScrollTo(opts){//构造函数

    this.opts=$.extend({},ScrollTo.DEFAULTS,opts);

    this.$el=$(‘html,body‘);

  }

  ScrollTo.prototype.move=function(){//原型方法

    var opts=this.opts;

    var dest=this.dest;

    if($(window).scrollTop()!=dest){

      if(!this.$el.is(‘:animated‘)){

        this.$el.animate({

          scrollTop:dest

        },opts.speed);

      }

    }

  }

 

  ScrollTo.prototype.go=function(){

    var dest=this.opts.dest;

    if($(window).scrollTop()!=dest){

      this.$el.scrollTop(dest);

    }

  };

 

  ScrollTo.DEFAULTS={

    dest:0;

    speed:800

  };

 

  return {

    ScrollTo:ScrollTo//返回对象

  }

 

  

  

 

  

})

js面向对象编程1

标签:

原文地址:http://www.cnblogs.com/sunhe/p/4630614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!